* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
 *,
  *:before,
  *:after {
    box-sizing: inherit;
  }
  
  
  
@font-face {
	font-family: 'AmpleSoft Pro';
	src: url('ample-soft-pro/AmpleSoftPro-Regular.ttf') format('truetype supports variations'),
       url('ample-soft-pro/AmpleSoftPro-Regular.ttf') format('truetype-variations');
	font-weight: 100 1000;
	font-stretch: 25% 151%;
} 
html {
    box-sizing: border-box;
  }
body {
  font-family: 'Manrope';
  overflow-x: hidden;
}
  
/* Top Bar */
.headtop-bar { 
  width: 100%;
  background-color: #315467;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.42vw 2.08vw;
}
.headtop-bar a{color: #BEDAE3; text-decoration:none;}
.text {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.text p {
  color: #fff;
  font-size: 0.83vw;
  font-weight: 300;
  text-align: center;
}

.text strong {
  color: #fff;
  font-size: 0.83vw;
  font-weight: 400;
  margin-right: 0.3vw;
}
.logo img{    width: 13.33vw; height:auto;}
.nav-action img{    width: 1.11vw; height:auto;}
.policy {
  min-width: max-content;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.policy p {
  color: #ffffff;
  font-size: 0.83vw;
  font-weight: 500;
}
.policy a {
  color: #ffffff;
  font-size: 0.83vw;
  text-decoration:none;
  font-weight: 500;
}

.policy span {margin-left:0.35vw; margin-right:0.35vw;
}

/* Navigation */
.nav {  
  padding: 0.19vw 2.08vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav .logo{  line-height:1.39vw;
}

.navlist {
  display: flex;
  gap: 1.8vw;
}
 
.navlist li {
  list-style: none; line-height:1.39vw;
}

.navlist a {
text-transform: uppercase;
    text-decoration: none;
    color: #404040;
    font-size: 0.83vw; line-height:1.39vw;
}

.nav-action {
  display: flex;
  gap: 1.5vw;
}

.action-item {
  display: flex;
  align-items: center;
  gap: 0.4vw;
}

.action-item span {
  text-transform: uppercase;
  font-size: 0.83vw;
  font-weight: 500;
  color: #000;
}

/* Carousel */

.carousel-wrapper {
  max-width: 100vw;
  overflow: hidden;
  position: relative;
}

.carousel-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  position: relative;
  align-items: stretch;
}

.left-image {
  width: 59.72vw;
  height: auto;
}

.left-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}
/* mobile  */
.hamburger {
  display: none;
  font-size: 4vw;
  cursor: pointer;
  color: #737373;
}

/* Mobile nav menu */

/* The menu */
.mobile-nav {
  position: fixed; /* Important: not relative! */
  top: 0; /* Below navbar */
  right: -10px;
  width: 80vw;
  height: 100vh;

  background: #fff;
  padding: 20px;
  box-shadow: -4px 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 1000;

  /* Start hidden off-screen to right */
  transform: translateX(100%);
  transition: transform 0.4s ease;
}
.cross-nav {
  display: flex;
  align-items: center;
  justify-content: end;
}
.cross-nav img {
  width: 7vw;
}

/* Show nav */
.mobile-nav.show {
  transform: translateX(0);
}
.mobile-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mobile-nav li {
  margin-bottom: 12px;
}

.mobile-nav a {
  text-decoration: none;
  color: #404040;
  font-size: 14px;
  text-transform: uppercase;
}
.right-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  /* gap: 2vh; */
  position: relative;
  z-index: 5;
  margin-left: -7vw; /* Overlap */
  /* box-shadow: -20px 0 40px rgba(0, 0, 0, 0.1);
    background-color: red; */
  padding-right: 2.78vw;
}

.text-block small {
  font-size: 1.25vw;
  color: #315467;
  position: absolute;
  right: 2.78vw;
  font-weight: 400;
  line-height: 1.94vw;
  top: 6.25vw;
  /* margin-left: 40%; */
}

.text-block h1 {
  font-size: 5.35vw;
  font-weight: 500;
    line-height: 5.56vw;  
  color: #404040;
  margin-left: 0;
}

.description {
  font-size: 0.97vw;
  color: #404040;
  max-width: 32.6vw;
  line-height: 1.39vw; margin-top: 1.74vw;
    margin-bottom: 1.39vw;
  
}

.right-content a {
  text-decoration: none;
  border: 1px solid #315467;
  padding: 0.83vw 1.11vw;
  width: fit-content;
  color: #315467;
  font-weight: 400;
  font-size: 1.25vw;
  display: flex;
  align-items: center;
  gap: 0.56vw;
  margin-right: 21.5vw;
  margin-top: 0.35vw;
}

.right-content a svg {
  transition: all 0.3s ease; width: 1.39vw; height: 1.39vw;
}

.right-content a:hover {
  background-color: #315467;
  color: white; 
}

.right-content a:hover svg {
  color: white; 
}

.slider-indicator {
  bottom: 3vw;

  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  height: auto;
  /* background-color: #fff; */
  top: 44.36vw;
  position: absolute;
  z-index: 99999999999;
  background: transparent;
  right: 2.78vw;
}

.slider-indicator span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.94vw;
  letter-spacing: 0;  
  border-radius: 2.78vw;
  color: #000;
  width: 1.25vw;

  text-align: center;
}

.slider-indicator .line {
  height: 0.3vh;
  width: 3vw;
  background: #000;
}

/* Arrows */
.arow,
.arow-left {
  width: 3.33vw;
  height: 3.33vw;
  border-radius: 2.78vw;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0; /* Prevent squishing */
}

.arow {
  background-color: #315467;
}

.arow-left {
  background-color: #f5f5f5;
}

.arow img,
.arow-left img {
  width: 1.94vw;
  height: 1.94vw;
  object-fit: contain;
}

/* Owl Nav Arrows */
.owl-nav button {
  position: absolute;
  top: -50px;

  transform: translateY(-50%);
  /* background: rgba(0, 0, 0, 0.5) !important; */
  color: #fff !important;
  border-radius: 50%;
  /* width: 4vh; */

  z-index: 10;
}

.owl-nav .owl-prev {
  left: 1vw;
}

.owl-nav .owl-next {
  right: 1vw;
}

/* Best Sellers Section */
.best-sellers {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* margin: 0 auto; */
  gap: 5vw;
  padding: 5vw 0;
  box-sizing: border-box;
}

.heading-wrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%;
}

.subtitle {
  font-size: 2vh;
  color: #315467;
  line-height: 28px;
}

.title {
  font-size: 3.2vh;
  font-weight: bold;
  color: #404040;
}

.product-list {
  width: 94.44vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2vw;

  box-sizing: border-box;
}

.product-card {
  display: flex;
  flex-direction: column;
  width: 22vw;
  gap: 1vw;
  height: auto;
}

/* Common styling for all image boxes */
.img-box1,
.img-box2,
.img-box3,
.img-box4 {
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

/* Images inside box take full width and auto height */
.img-box1 img,
.img-box2 img,
.img-box3 img,
.img-box4 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.product-name {
  font-size: 1.11vw;
  font-weight: 500;
  color: #404040;
}

.price {
  font-size: 1.11vw;
}

.old-price {
  text-decoration: line-through;
  color: gray;
  margin-left: 0.5vw;
}

.off {
  color: #315467;
  margin-left: 0.5vw;
}

.shop-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
}

.shop-btn a {
  text-decoration: none;
  border: 1px solid #315467;
  padding: 12px 16px;
  width: fit-content;
  color: #315467;
  font-weight: 400;
  font-size: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.shop-btn a svg {
  transition: all 0.3s ease;
}

.shop-btn a:hover {
  background-color: #315467;
  color: white;
}

.shop-btn a:hover svg {
  color: white;
}

.shop-btn .arrow {
  font-size: 1.5vh;
}

/* section4 */
.cat-slider-container {
  max-width: 100vw;
  padding-left: 2.78vw;
  padding-right: 2.78vw;
  padding-bottom: 2.78vw;

  position: relative;
}

.cat-slider-heading {
  display: flex;

  align-items: end;
  margin-bottom: 2.78vw;
  flex-wrap: wrap;
  gap: 15vw;
  /* gap: 20px; */
  /* background-color: green; */
  /* margin-right: 50px; */
}

.cat-slider-heading h2 {
  font-size: 2.08vw;
  font-weight: 500;
  color: #404040;
  margin: 0;
}

.cat-slider-heading p {
	font-family:'AmpleSoft Pro';
  max-width: 65.67vw;
  font-size: 1.25vw;
  line-height: 1.5;
  color: #315467;
}
.cat-slider-content {
  width: 65.63vw;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  /* background-color: greenyellow; */
}
.cat-slider-content p {
  color: #404040;
  font-size: 0.97vw;
}

.cat-card {
  width: 23.68vw;

  background: #fff;
  text-align: left;
  margin: 0 !important;
}

.cat-card img {
  width: 100%;
  height: 28.33vw;
  object-fit: cover;
}

.cat-card-content {
  padding: 1.39vw 0;
}

.cat-card-content h3 {
  font-size: 1.25vw;
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  align-items: center;
  margin-bottom: 0.69vw;
  color: #404040; line-height:1.94vw;
}
.cat-card-content h3 img {
  width:1.67vw !important; height:auto;
}

.cat-card-content p {
  font-size: 0.83vw;
  color: #737373;
  width: 20.28vw; line-height:1.11vw;
}

.cat-carousel-wrapper {
  position: relative;
}

.owl-carousel.cat-carousel .owl-stage {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Arrows outside left/right */
.cat-carousel {
  position: relative;
}

.cat-carousel .owl-nav {
  position: absolute;
  top: 50%; /* Vertically center */
  left: 0;
  right: 0;

  transform: translateY(-50%);
  display: flex;
  justify-content: space-between; /* Push arrows to edges */
  padding: 0 1.39vw; /* Optional: some spacing from edge */
  pointer-events: none; /* Allow arrows to overlap content */
  z-index: 10;
}

.cat-carousel .owl-prev,
.cat-carousel .owl-next {
  background: #f1f8fa !important;
  border: 1px solid #f1f8fa !important;
  border-radius: 50% !important;
  width: 3.33vw;
  height: 3.33vw;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: all; /* Enable clicking */
  box-shadow: 0 2px 6px #00000040;
}

.cat-carousel .owl-prev span,
.cat-carousel .owl-next span {
  font-size: 40px;
    color: #33333300;
    top: 7px;
    left: 2px;
    position: relative;
    line-height: 1;
    background: url(/asset/img/Arrow-Left.svg);
    background-repeat: no-repeat;
}
.cat-carousel .owl-next {
   transform: rotate(180deg);
}

/* Progress Line */
.cat-slider-progress {
  width: 300px;
  margin: 30px auto; /* Center align with top-bottom margin */
  position: relative;
  height: 4px;

  background: #eee;
  border-radius: 2px;
  overflow: hidden;
}

.cat-slider-indicator {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #315467;
  width: 100%;
  transition: left 0.3s ease;
}
.action-item a.log{    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 4px;}
.action-item{ cursor:pointer;}
.customize-btn a{color:#1d3b50; text-decoration:none;}
/* section 5 */
.info-section {
  width: 100vw;
  display: flex;
  flex-direction: column;
}
.marquee-bar {
  width: 100%;
  background-color: #315467;
  padding: 0.83vw 2.78vw 0.83vw 2.78vw;
}
.marquee-bar ul {
  display: flex;
  /* justify-content: space-between; */

}
.marquee-bar li {
  color: #bedae3;
  line-height: 1.39vw;
  font-size: 0.97vw;
  font-weight: 500;
  padding-right: 4.167vw;
}
.marquee-bar marquee {
  color: #bedae3;
  line-height: 1.39vw;
  font-size: 0.97vw;
  font-weight: 500;
}
.row {
  width: 100vw;

  display: flex;
  background-color: #f6f0eb;
}
.row-img {
  width: 50%;
  display: block;
}
.row-img img {
  width: 100%;
  object-fit: cover;
  display: block;
}
.row-content {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.row-founded {
  width: 33.33vw;
  display: flex;
  flex-direction: column;
  gap: 2.78vw;
}

.row-founded small {
  color: #418199;
  font-size: 1.39vw; line-height: 1.94vw;
}
.row-founded h2 {
  color: #404040;
  font-size: 3.89vw;
  line-height: 4.17vw;
  font-weight: 500;
  text-transform: uppercase;
}
.row-founded h4 {
  color: #404040;
  font-size: 1.67vw;
  font-weight: 500;
  line-height: 2.22vw;
}
.row-founded p {
  color: #404040;
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-weight: 400;
}

.row-founded a {
  text-decoration: none;
  border: 1px solid #315467;
  padding: 0.83vw 1.11vw;
  width: fit-content;
  color: #315467;
  font-weight: 400;
  font-size: 1.25vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 2.78vw;
}
 a.pro svg{width:1.39vw; height:1.39vw;
}
 .row-founded a svg{width:1.39vw; height:1.39vw;
}

.row-founded a svg {
  transition: all 0.3s ease;
}

.row-founded a:hover {
  background-color: #315467;
  color: white;
}

.row-founded a:hover svg {
  color: white;
}

.row-founded .arrow {
  font-size: 1.5vh;
}

.row-founded img {
  height: 18px;
  width: 18px;
  object-fit: contain;
}
/* section6 */
.trust-shop {
  width: 100vw;
  padding: 5.56vw 2.78vw 5.56vw 2.78vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
.trust-shop-content {
  width: 59.72vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 8px;
}
.trust-shop-content h4 {
  color: #404040;
  font-size: 1.67vw;
  line-height: 2.22vw;
  font-weight: 500;
}
.invite {
  color: #737373;
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 1.67vw;
}
.trust-shop-content p {
  font-size: 0.97vw;
  color: #737373;
  font-weight: 400;
}
.invite a {
  text-decoration: none;
  color: #315467;
}

.pro {
  text-decoration: none;
  border: 1px solid #315467;
  padding: 0.83vw 1.11vw;
  width: fit-content;
  color: #315467;
  font-weight: 400;
  font-size: 1.25vw;
  display: flex;
  align-items: center;
  margin-top: 2.08vw;
  gap: 8px;
  transition: background-color 0.3s ease, color 0.3s ease; text-transform: uppercase;
}

.pro svg {
  transition: all 0.3s ease;
}

.pro:hover {
  background-color: #315467;
  color: white;
}

.pro:hover svg {
  color: white;
  stroke: white; /* Ensures stroke updates if 'stroke' was used */
  fill: white; /* Optional if you use 'fill' icons */
}

/* section 6 */

.catalog-section {
  width: 100vw;

  padding: 40px 0;

  display: flex;
  gap: 1.67vw;
  background-color: #f1f8fa;
  display: flex;
  justify-content: space-between;
}

.catalog-label {
      width: 9.17vw;
    display: flex;
    align-items: center;
    justify-content: center;
    writing-mode: vertical-lr;
    transform: rotate(360deg);
    font-size: 8.61vw;
    line-height: 9.17vw;
    font-weight: 700;
    color: #e0ecf2;
    letter-spacing: 0;
    font-family: 'AmpleSoft Pro';
}

.catalog-content-wrapper {
  display: flex;
  width: 89.31vw;
  height: auto;
  padding: 2.78vw;
  gap: 5.56vw;
  /* background-color: red; */
  /* border: 1px dashed #ddd; */
}

.catalog-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 37.71vw;
}

.catalog-text small {
  font-size: 1.25vw;
  color: #315467;
}

.catalog-text h2 {
  font-size: 3.5vw;
  color: #315467;
}

.catalog-text p {
  font-size: 0.97vw;
  color: #404040;
  line-height: 1.6;
}

.catalog-text a {
  text-decoration: none;
  border: 1px solid #315467;
  padding: 0.83vw 1.11vw;
  width: fit-content;
  color: #315467;
  font-weight: 400;
  font-size: 1.25vw;
  display: flex;
  align-items: center;
  gap: 8px;
}
.catalog-text a svg { width:1.39vw; height:1.39vw;
}

.catalog-text a svg {
  transition: all 0.3s ease;
}

.catalog-text a:hover {
  background-color: #315467;
  color: white;
}

.catalog-text a:hover svg {
  color: white;
}

.catalog-image {
  width: 39.24vw;
}

.catalog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* newsection */
/* === Testimonial Section === */
.testimonial-section {
  padding: 4.17vw 2.78vw;
  background: #fff;
  text-align: center;
  position: relative;
}
.slid_content {
  display: flex; width: 64vw;
}
/* Shared quote style */
.quote-icon {
  width: 3.33vw !important;
  height: 3.33vw;
}

.quote-left {
  transform: translateY(50%) rotate(180deg);
}

.quote-right {
  position: relative; left: 2vw;
  top: 4.72vw;
}
.quote-left {
  position: relative;
  top: -1.39vw; right: 2vw;
}
.custom-nav img{width:2.78vw; height:auto;}
.section-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 40px;
  color: #333;
}
.advice img{height:1.94vw !important; width:1.94vw !important;}
.user-info span{font-family: Graphik Trial;
font-weight: 500;
font-size: 1.11vw;
line-height: 1.67vw;
letter-spacing: 0%;
}
/* Slide container */
.testimonial-carousel .testimonial-slide {
  padding: 0 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative; margin-bottom: 2.78vw;
}

/* Main testimonial text */
.testimonial-text {
  font-size: 1.67vw;
  color: #333;
  line-height: 2.22vw; 
  font-family: Graphik Trial;
font-weight: 400;  

} 
/* Main testimonial text */
.testimonial-slide .slid_content p{
  font-size: 1.67vw;
  color: #333;
  line-height: 2.22vw; 
  font-family: Graphik Trial;
font-weight: 400;  

} 

.testimonial-section .title{    margin-bottom: 4.17vw;}
/* User info */
.user-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 1.94vw;
}
.advice {
  width: 1.94vw;
  /* height: 1.94vw; */
  border-radius: 50vw;
  background-color: #e5e5e5; margin-right: 0.4vw;
}

/* Custom nav buttons */
.custom-nav {
 display: flex;
    justify-content: space-between;
    width: 100vw;
    max-width: 100vw;
    padding: 0 2.78vw;
    position: absolute;
    /* bottom: 6.94vw; */
    left: 50%;
    /* bottom: 10.42vw; */
    transform: translateX(-50%);
    z-index: 5;
    top: 40%;
}

.custom-prev,
.custom-next {
  background: #f1f8fa;
    color: #000;
    border: none;
    /* font-size: 1.67vw; */
    /* padding: 0.69vw 1.04vw; */
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease;
    width: 3.89vw;
    height: 3.89vw;
    box-shadow: 0.07vw 0.07vw 0.42vw #ccc;
}
.custom-prev  {transform: rotate(180deg);
}
/* Progress bar */
.cat-slider-progress {
  width: 100%;
  max-width: 20.83vw;
  height: 0.28vw;
  background: #eee;
  margin: 1.39vw auto 0;
  border-radius: 0.14vw;
} 

.cat-slider-indicator {
  width: 0%;
  height: 100%;
  background: #000;
  border-radius: 2px;
  transition: width 0.4s ease;

  justify-content: center;
  font-weight: 500;
  color: #555;
  font-size: 0.95rem;
}

.user-info img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
}

/* === Owl Carousel Arrows === */
.owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  padding: 0 10px;
  pointer-events: none; /* Allow click only on buttons */
}

.owl-nav button {
  pointer-events: all;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  display: flex;
  justify-content: space-between;
  background: #f5f5f5;
  border: none;
  border-radius: 50%;
  width: 2.78vw;
  height: 2.78vw;
  font-size: 1.39vw;
  /* box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); */
  transition: background 0.3s ease;
}

.owl-nav button:hover {
  background: #ddd;
}

/* === Custom Bar Dots === */
.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  gap: 8px;
}

.owl-dot {
  width: 50px;
  height: 2px;
  background: #e0e0e0;
  border-radius: 1px;
  transition: all 0.3s ease;
}

.owl-dot.active {
  background: #315467;
  width: 60px;
}

/* Hide default dot span */
.owl-dot span {
  display: none !important;
}
.aro-pro {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0vw 2.78vw;

  transform: translateY(-50%);
  pointer-events: none; /* allow clicks only on buttons inside */
}

.aro-pro div {
  pointer-events: all;
  cursor: pointer;
  padding: 0.69vw;
  background-color: gray;
  border-radius: 50%;
}
.cat-slider-progress {
  height: 0.21vw;
  width: 100%;
  background: #e0e0e0;
  margin-top: 2.08vw;
  position: relative;
  overflow: hidden;
}

.cat-slider-indicator {
  height: 100%;
  width: 0%;
  background: #315467;
  transition: width 0.5s ease;
}

.fitness {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;

  gap: 5vh;
  padding: 4.51vw 0px 5.56vw 0px;
  box-sizing: border-box;
}

.fitness-wrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%;
}

.subtitle {
  font-size: 1.25vw;
  color: #315467;
  line-height: 28px;
}

.title {
  font-size: 2.08vw;
  font-weight: bold;
  color: #404040;
}

.fitness-list {
  width: 94.44vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  box-sizing: border-box;
}

.fitness-card {
  display: flex;
  flex-direction: column;
  width: 30.56vw;
  padding: 0;
  gap: 1vh;
}

.fitness-imgbox1,
.fitness-imgbox2,
.fitness-imgbox3 {
  width: auto;

  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fitness-imgbox1 img,
.fitness-imgbox2 img,
.fitness-imgbox3 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.product-name {
  font-size: 1.11vw;
  font-weight: 500;
  color: #404040;
}

.fitness-card-content h3 {
  font-size: 1.25vw;
  display: flex;
  justify-content: flex-start;
  gap: 0.56vw;
  align-items: center;
  margin-bottom: 0.69vw;
  color: #404040; position:relative;
}
.fitness-card-content h3 img{
  width: 1.67vw;
    position: absolute;
    right: 1.04vw;
    top: 0.14vw;
}

.fitness-card-content p {
  font-size: 0.83vw;
  color: #737373;
  /* width: 15.28vw; */
}

/* footer */

 

/* content-area */


.top-bar {
  width: 94.44vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.11vw;
  /* background-color: green; */
}
.filter-container {
  display: flex;
  justify-content: center;
  gap: 1.11vw;
}
#filterBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 1.11vw;
  color: #404040;
  border: none;
  background-color: #f8f8f8;
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
}
.filter-container span {
  font-size: 1.11vw;
  color: #262626;
}
.filter-container a {
  font-size: 1.11vw;
  color: #315467;
  text-decoration: none;
}
.sort {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sort label {
  color: #737373;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* slidebar */

.sidebar {
  position: fixed;
  top: 270px;
  left: -300px;
  width: 280px;
  /* height: calc(100% - 164px);  */
  background: #fff;
  border-right: 1px solid #ddd;
  padding: 20px;
  transition: left 0.3s ease;
  z-index: 1000;
}
.sidebar.open {
  left: 0;
}
.sidebar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.toggle-icon {
  font-size: 20px;
  font-weight: bold;
}

.dropdown-content {
  margin-top: 10px;
  display: none;
}

#closeBtn {
  cursor: pointer;
}
.product-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: margin-left 0.3s ease;
}

.product-grid {
  width: 94.44vw;
  display: flex;
  justify-content: space-between;
  /* background-color: green; */
  padding-top: 20px;

  gap: 20px;
} 
 
 

/* Cart button is now inside image-wrapper, placed bottom */
 

/* top slide progress bar */

.slider-indicator {
  display: flex;
  align-items: center;
  gap: 0.69vw;
}

.progress-bar {
  position: relative;
  width: 6.94vw;
  height: 0.28vw;
  background-color: #ccc;
  border-radius: 0.14vw;
  overflow: hidden;
}

.progress-fill {
  position: absolute;
  height: 100%;
  width: 0%;
  background-color: #315467 !important;
  transition: width 0.5s ease-in-out;
}












/* css add by pooja */
  

  .l-wrap {
    max-width: 100vw;
    margin-right: auto;
    margin-left: auto; 
  }
  .l-wrap:after {
    display: table;
    clear: both;
    content: '';
  } 
.l-wrap .col-full{
    width: calc(((100%) / 12) * 12);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
}
.l-wrap .col-half{
    width: calc(((100%) / 12) * 6);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
}
.l-wrap .col-four{
    width: calc(((100%) / 12) * 3);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
} 
.l-wrap .col-three{
    width: calc(((100%) / 12) * 4);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
} 
.l-wrap .col-five{
    width: calc(((100%) / 12) * 2.4);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
}  
.l-wrap .col-five0{
    width: calc(((100%) / 12) * 5);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
} 
.l-wrap .col-eight{
    width: calc(((100%) / 12) * 8);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
}
.l-wrap .col-seven{
    width: calc(((100%) / 12) * 7);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
}
.l-wrap .col-nine{
    width: calc(((100%) / 12) * 9);
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
} 
.img-full{width:100%;}
.align_right{ text-align: right;}
.clearfix{ display: block; height: 0; clear: both; content: '';}
.pl{padding-left:0 !important;}
.pr{padding-right:0 !important;}
/*Footer css */
footer {background:#F6F0EB;     padding: 3.47vw 2.08vw 1.74vw 2.08vw;}
footer .col-three img{ width:15.14vw; height:auto;}
footer p{ font-size:0.83vw; line-height:1.11vw; color:#737373; margin-top:1.09vw; padding-right: 6.94vw;}
footer .text-head h4{font-family: Manrope;
font-weight: 700;
font-size: 0.97vw;
line-height:1.39vw; color:#404040; padding-bottom:1.19vw;
  }
footer .text-head {padding-top: 3.13vw; }
footer .text-head ul{ list-style:none; }
footer .text-head li{  }
footer .text-head li a{ color:#737373; font-family: Manrope;
font-weight: 400;
font-size: 0.97vw;
line-height: 1.39vw;
letter-spacing: 0%; text-decoration:none;
 }
 footer .payment img{ width:2.78vw; height:auto; margin-right: 0.49vw; cursor:pointer;}
 footer .social-icon img{ width:2.22vw; height:auto; margin-right: 0.49vw;}
 footer .social-icon img:hover{    filter: sepia(1); cursor:pointer;}
 .copyright{background:#F6F0EB;     }
 .copyright {border-top:1px solid #A3A3A3; padding:0.69vw; text-align:center;}
 .copyright p {
    font-size: 0.97vw;
    line-height: 1.39vw;
    color: #404040; 
}


/* product detail Page */
 
	
	.ptab_sec .tab-content p{font-family: Manrope;
font-weight: 400;
font-size: 0.97vw;
line-height: 1.39vw;  color:#525252; display:flex; margin-bottom:0.69vw;
}
	.ptab_sec .tab-content p span{ font-weight: 600; color:#404040;}
	
	
	 
	
	.ptab_sec{padding: 0vw 2.08vw;     margin-top: 4.17vw;}
	
	
	
	.ptab_sec .tab-container {
      width: 100%;
      margin: 0 auto;
    }

    .ptab_sec .tabs {
      display: flex;
	  border: 1px solid #ddd; 
       
    }

    .ptab_sec .tabs button {
      background: none;
    border: none;
    padding: 0.63vw 1.39vw;
    cursor: pointer;
    font-size: 1.11vw;
    transition: all 0.3s ease;
    color: #737373;
    font-family: 'Manrope';  font-weight: 600;
    }

    .ptab_sec .tabs button.active {
      color: #404040;
    background: #F5F5F5;
    border: 1px solid #cccccc80;
    border-bottom: 0; border-top: 0;    
    }

    .ptab_sec .tab-content {
      display: none;
      padding: 1.39vw;
      background-color: #fff;
      border: 1px solid #ddd;
      border-top: none;
    }

    .ptab_sec .tab-content.active {
      display: block; background: #F5F5F5;
    }
	
	
.imp_notes{    padding: 0vw 2.08vw;     margin-top: 4.17vw;}
.imp_notes .col-four{ height:20.83vw;   }
.imp_notes .col-nine{ height:20.83vw; background:#F1F8FA;    }
.imp_notes .inner-img img{    height: 20.83vw;
    object-fit: cover;}
.imp_notes .inner-content{background:#F1F8FA;      padding: 2.22vw 3.13vw;    }
.imp_notes .inner-content h5{ font-family: Manrope;
font-weight: 600;
font-size: 1.67vw;
line-height: 2.22vw; color: #418199;     margin-bottom: 1.04vw;
   }
.imp_notes .inner-content p{  font-family: Manrope;
font-weight: 400;
font-size: 0.97vw;
line-height: 1.39vw; color:#404040;     margin-bottom: 1.04vw;
  }
.imp_notes .inner-content ol{ padding-left: 1.04vw;     margin-bottom: 1.04vw;   }
.imp_notes .inner-content li{ font-family: Manrope;
font-weight: 400;
font-size: 0.97vw;
line-height: 1.39vw; color:#404040;
   }
   
  .mt-0{margin-top:0 !important;} 
  .office_friendly{    padding: 0vw 0vw;     margin-top: 4.17vw;}
  .office_friendly .col-half{ height:41.04vw;      background-color: #f6f0eb;}
  .office_friendly .inner-img{ }
  .office_friendly .inner-img img{ height:41.04vw; object-fit:cover;}
  .office_friendly .inner-content{padding: 6.17vw 6.94vw; }
  .office_friendly .inner-content h5{font-family: Manrope;
font-weight: 500;
font-size: 1.39vw;
line-height: 1.94vw; color:#418199;
 }
  .office_friendly .inner-content h4{font-family: Manrope;
font-weight: 500;
font-size: 2.5vw;
line-height: 2.78vw; color:#404040; margin-bottom: 6.17vw;
 }
  .office_friendly .inner-content p{ font-family: Manrope;
font-weight: 400;
font-size: 0.97vw;
line-height: 1.39vw; color:#404040; margin-bottom: 0.69vw;
}
  .office_friendly .inner-content ul{ }
  .office_friendly .inner-content li{font-family: Manrope;
font-weight: 400;
font-size: 0.97vw;
line-height: 1.39vw; color:#404040;  margin-bottom:1.74vw;
 }
 
 
 .title h2{font-family: Manrope;
font-weight: 500;
font-size: 2.5vw;
line-height: 2.78vw; 
text-align: center; color:#404040;      margin-bottom: 0.69vw;
}
.title h5{font-family: AmpleSoft Pro;
font-weight: 400;
font-size: 1.25vw;
line-height: 1.94vw;
letter-spacing: 0%;
text-align: center;
 color:#315467; 
}
.customer_say{ padding: 0vw 2.08vw;     margin-top: 4.17vw;}
.customer_say .l-wrap {background:#F5F5F5;    padding: 3vw 2.08vw;     margin-top: 4.17vw;}

.customer_say p.p1{font-family: Manrope;
font-weight: 500;
font-size: 0.97vw;
line-height: 1.39vw; 
text-align: center; color:#404040;
;}
.customer_say p.p1 img{width:1.04vw; height:auto;}
.customer_say .sec1{background: #fff;
    padding: 1.39vw 1.04vw;
    margin-top: 2.08vw;}
.customer_say p.p2 img{width:0.97vw; height:auto;     margin-right: 0.21vw;}
.customer_say p.p3{font-family: Manrope;
font-weight: 500;
font-size: 1.11vw;
line-height: 1.67vw; color:#404040; padding: 0.49vw 0;
 }
.customer_say p.p4{font-family: Manrope;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.11vw;  color:#737373;     padding-bottom: 1.74vw;
 }
.customer_say p.p5{ font-family: Manrope;
font-weight: 600;
font-size: 0.97vw;
line-height: 1.39vw; color:#404040; align-items: center; display: flex;
}
.customer_say p.p5 img{ 
  width:2.22vw; 
  height:auto; 
  margin-right:0.35vw;
  border-radius: 1vw;
}
.customer_say .sec2{  
    justify-content: center; display: flex;}
.readmore_button:hover {
    background-color: #404040;
    color: white;
}
.readmore_button {
    text-decoration: none;
    border: 0.07vw solid #404040;
    padding: 0.83vw 1.11vw;
    width: fit-content;
    color: #404040;
    font-weight: 400;
    font-size: 1.25vw;
    display: flex;
      align-items: center; 
    margin-top: 2.08vw;
    gap: 0.56vw;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.readmore_button:hover svg {
    color: white;
    stroke: white;
    fill: white;
}
.readmore_button svg {
    transition: all 0.3s ease;
}
.readmore_button svg{
  transform: rotate(90deg); /* From → to ↓ */
}
.discover{padding: 0vw 2.08vw;     margin-top: 4.17vw; margin-bottom: 4.17vw;} 
.discover .discover_Sec .img1{ width:100%; height:21.94vw;}
.discover .discover_Sec .img2{width:100%; height:23.61vw; }
.discover .discover_Sec .img3{ width:100%; height:25.28vw;}
.discover .discover_Sec .img4{ width:100%; height:26.94vw;}
.discover .discover_Sec h4{font-family: Manrope;
font-weight: 400;
font-size: 1.11vw;
line-height: 1.67vw; color:#404040; padding: 0.69vw 0;
    height: 4.51vw;
}
.discover .discover_Sec p{display: flex;    align-items: baseline;}
.discover .discover_Sec p span{    margin-right: 0.56vw;}
.discover .discover_Sec p .span1{font-family: Manrope;
font-weight: 700;
font-size: 1.11vw;
line-height: 1.67vw; color:#404040;
}
.discover .discover_Sec p .span2{font-family: Manrope;
font-weight: 500;
font-size: 0.97vw;
line-height: 1.39vw;
letter-spacing: 0%;
text-decoration: line-through; color:#A3A3A3;
}
.discover .discover_Sec p .span3{font-family: Manrope;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.11vw;
letter-spacing: 0%; color:#315467;
}
.discover .sec2 {justify-content: center;
    display: flex;
}
.discover .title{margin-bottom: 3.13vw;}





.product-detail{    padding: 0vw 2.08vw;}
.zoom-container {position: relative;
     
     width:27.78vw;  height: 29.78vw; margin: 0 auto; 
}.bg1 { position: relative;
    background: #F8F8F8; padding:3.47vw 0;
      
}

#mainImg {
  width: 100%; 
  display: block; height: 29.78vw; object-fit: contain;       cursor: none; 
} 

 
#lens {
  position: absolute;
  width: 6.94vw;
  height: 6.94vw;
  border: 1px solid #000;
  display: none;
  pointer-events: none;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}
 #lens::before {
  content: '';
  position: absolute;
  width: 1.39vw;
  height: 1.39vw;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' stroke='%23000'%3E%3Cline x1='12' y1='0' x2='12' y2='24' stroke-width='2'/%3E%3Cline x1='0' y1='12' x2='24' y2='12' stroke-width='2'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}
#zoomBox {
  position: absolute;
    top: 0;
    left: 2vw;
    width: 41.67vw;
    height: 37.72vw;
    
    display: none;
    z-index: 999;
        background: #fff;
    box-shadow: 2px 2px 6px #0000003b;  
	 
  background-size: cover;
    
   
   background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.position-r{position:relative;}
/* --- Thumbnail carousel --- */
.thumb-carousel-wrapper {
  display: flex;
  align-items: center;
  margin-top: 0.69vw;
}

.thumb-carousel {
  overflow: hidden;
  width: 100%; /* 5 images × 60px + spacing */
}

.thumb-track {
  display: flex;
  transition: transform 0.3s ease;
}

.thumb {
  width: 6.87vw;
  height: 6.84vw;
  margin-right: 0.96vw;
  object-fit: cover;
  cursor: pointer;
  border: 1px solid #E5E5E5; 
}

.thumb.active {
  border-color: #404040;
}

.thumb-arrow {
  background: #f5f5f5;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    border: 0;
    top: 40%;
    padding: 0.21vw 0.35vw; z-index:99; box-shadow: 1px 0px 2px #00000029;
}
.thumb-arrow img{width: 1.25vw; margin-top: 0.14vw;
}
.thumb-carousel-wrapper{ position:relative;}
.thumb-arrow.left {
 
	left: -0.96vw;
}
.thumb-arrow.right {  right:-1.04vw; transform: rotate(180deg);
} 











/* ************* 2nd page start product page *********** */

.all-product {
  width: 100vw;
  padding: 1.39vw 2.08vw; margin-bottom: 0.94vw; line-height:1.39vw;
}
.all-product small {
  font-size: 0.97vw;
  font-weight: 400;
  color: #737373; line-height:1.39vw;
}
.all-product small a{
  font-size: 0.97vw;
  font-weight: 400;
  color: #737373; text-decoration:none; line-height:1.39vw;
}
.all-product span {
  font-size: 0.97vw;
  font-weight: 500;
  color: #404040;
}
.all-product h2 {
  font-size: 2.5vw;
  font-weight: 500;
  color: #404040;
  font-family: Graphik Trial;
font-weight: 500;   margin-top: 1.04vw;

}

/* content-area */

.content-area {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: row;
  gap: 30px; padding: 0vw 2.08vw;
}
.top-bar {
  width: 72.01vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.11vw;
}
.top-barr {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.08vw;
}
.top-bar1 {
  width: 94.44vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.11vw;
}
.filter1 {
  display: flex;
  gap: 0.56vw;
  padding: 0.56vw;
  background-color: #f8f8f8;
  border-radius: 0.56vw;
  color: #404040 !important;
}
.filter-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.11vw;
}
#filterBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-size: 1.11vw;
  color: #404040;
  border: none;
  background-color: #f8f8f8;
  border-radius: 0.56vw;
  padding-left: 0.56vw;
  padding-right: 0.56vw;
}
.filter-container span {
  font-size: 1.11vw;
  color: #262626;
}
.filter-container a {
  font-size: 1.11vw;
  color: #315467;
  text-decoration: none;
}
.sort {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.56vw 1.11vw;
  gap: 0.42vw;
  border-radius: 0.56vw;
  border: 1px solid #e5e5e5;
}
#sort {
  border: none;
  color: #262626;
  font-size: 1.11vw;
}

.sort label {
  color: #737373;
  font-weight: 400;
  font-size: 1.11vw;
  line-height: 1.67vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* slidebar */

.dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.toggle-icon {
  font-size: 20px;
  font-weight: bold;
}

.dropdown-content {
  margin-top: 10px;
  display: none;
}

#closeBtn {
  cursor: pointer;
}
.product-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: margin-left 0.3s ease;
}

.product-grid {
  width: 72.01vw;
  display: flex;
  justify-content: space-between;

  padding-top: 20px;

  gap: 20px;
}
.product-card2 {
 width: 17.57vw;
    text-align: start;
    overflow: hidden;
    background: white;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 10px;
}

.image-wrapper {
  position: relative;
    width: 100%;
     
    overflow: hidden;
    height: 22.22vw;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
}
.sec_product h3 {
  font-size: 1.11vw;
    color: #404040; font-weight:400;
height: 3.93vw;     line-height: 1.67vw; margin-top:1.04vw;}
.sec_product h3 a{ text-decoration:none;
  font-size: 1.11vw;
    color: #404040; font-weight:400;
    line-height: 1.67vw;}

.sec_product p span.price1 {
 font-family: Manrope;
font-weight: 700;
font-size: 1.11vw;
line-height: 1.67vw; color:#404040;     margin-right: 0.35vw;
}
.sec_product p span.strike {
 font-family: Manrope;
font-weight: 500;
font-size: 0.97vw;
line-height: 1.39vw; 
text-decoration: line-through;color:#A3A3A3;     margin-right: 0.35vw;
 
}
.sec_product p span.off1 {
 font-family: Manrope;
font-weight: 400;
font-size: 0.83vw;
line-height: 1.11vw; color:#315467;
 
}

.sec_product img {
  width: 100%;
  display: block;
  background-color: #f5f5f5;
  transition: transform 0.4s ease;
}
.sec_product{margin-bottom:2.08vw;}
.zoom-img:hover {
  transform: scale(1.1);
}

/* Like icon top-right */
.like-icon {
  position: absolute;
  top: 0.56vw;
  right: 0.56vw;

  color: white;
  padding: 0.28vw;
  border-radius: 50%;
  font-size: 1.11vw;
  cursor: pointer;
}

/* Cart button is now inside image-wrapper, placed bottom */
.cart-btn {
  position: absolute;
  bottom: 0.56vw;
  right: 0.56vw;
  background-color: #fff;  
  /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); */
}

.cart-btn button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border: none;
  cursor: pointer;
}

/* slider  */

.filter-sidebar {
  width: 23.92vw;
  background: white;
  border: 1px solid #ddd;
   
  box-sizing: border-box;
  overflow-y: auto;
}

.filters-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  margin-bottom: 1.39vw;
}

.filters-header a {
  text-decoration: none;
  color: #315467;
  font-size: 0.97vw;
  font-weight: 500;
  line-height: 1.39vw;
}

.filters-header span {
  color: #404040;
  font-weight: 700;
  font-size: 1.11vw;
  font-family: Manrope;
font-weight: 700; 
line-height: 1.67vw; 
text-align: center;

}

/* Filter links */
.filter-toggle {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  padding: 0.69vw 0 0.69vw 0vw;
  cursor: pointer;
  position: relative;
  display: block;
  text-decoration: none;
  color: #315467;
}

.filter-toggle.active {
  color: #404040;
  font-size: 0.97vw;
  font-weight: 500;
  line-height: 1.39vw;
}

/* Main filter arrow */
.filter-toggle:not(.subfilter-toggle)::before {
  content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    width: 0.87vw;
    height: 1.17vw;
    background-image: url(https://static.thenounproject.com/png/551749-200.png);
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.filter-toggle:not(.subfilter-toggle).active::before {
  transform: translateY(-50%) rotate(0deg);
}

/* Subfilter + and – icon */
.subfilter-toggle::before {
  content: "+";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.71vw;
  width: 1.11vw;
  height: 1.11vw;
  line-height: 0.83vw;
  text-align: center;
  background: none;
}

.subfilter-toggle.active::before {
  content: "–";
}

.subfilter-toggle {
  display: flex;
  color: #315467;
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-weight: 500;     padding-left: 1.39vw;
}

.filter-content {
  display: none;
  padding-left: 0vw;
   
}

.filter-content.show {
  display: block; 
}
.filter-content .submenu_filter {
  padding-left: 1.39vw;
}

.filter-content label {
  display: block;
  margin-bottom: 0.69vw;
  font-size: 0.97vw;
  color: #737373;
  font-weight: 500;
  line-height: 1.39vw;  display: flex;
    align-items: center;
}
.submenu_filter input{margin-right:0.28vw;}
.alphabet {
      display: flex;
    flex-wrap: wrap;
    gap: 0vw;
    margin-top: 0.69vw;
    text-align: justify; border: 1px solid #ddd; padding: 0.69vw;
}

.alphabet a {
  border-bottom: 1px solid #ddd;
    background: #fff;
    padding: 0.35vw 0vw;
    /* cursor: pointer; */
    font-size: 0.97vw;
    text-decoration: none;
    color: #000;
    /* display: inline-block; */
    width: 1.81vw;
    margin: 0;     text-align: center;
     
}

.alphabet a:not(.av):hover {
  background-color: #315467;
  color: #fff;
}

/* Static gray background for "A" */
.alphabet a.av {
  background-color: #315467; /* gray */
  color: #fff;
}
.clear-filters {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.04vw;
  color: red;
  font-size: 0.97vw;
  cursor: pointer;
  text-decoration: underline;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 0.56vw;
  justify-content: center;
  font-family: "Manrope", sans-serif;
  margin-top: 2.94vw;
  margin-bottom: 3.94vw;
}

.pagination a,
.pagination .dots {
  padding: 0.56vw 0.83vw;
  border: none;
  background: none;
  font-size: 0.97vw;
  cursor: pointer;
  color: #404040;
  text-decoration: none;
}

.pagination .page {
  border: 1px solid #e0e0e0;
  background-color: white;
}

.pagination .page.active {
  background-color: #f5fafc;
  color: #315467;
  /* border: 1px solid #e0e0e0; */
}

.pagination .prev,
.pagination .next {
  display: flex;
  gap: 0.42vw;
  border: 1px solid #315467;
  background-color: #fff;
  color: #315467;
  padding: 0.56vw 1.11vw;
  font-weight: 500;
  text-align: center;     display: flex
;
    align-items: center;
}
.pagination .next img,
.pagination .prev img {
  display: block;
  height: 1.11vw;
}

.pagination .next {
  background-color: #315467;
  color: #fff;
  border: none;
}
.pagination .next {
  font-size: 0.97vw;
}





.wishlist-icon {
  cursor: pointer;
  transition: fill 0.3s ease, stroke 0.3s ease; color:#737373; width: 1.39vw;
}

.wishlist-icon:hover {
  fill: red;
  stroke: red;
}

.cart-button {
    text-decoration: none;
    border: 1px solid #315467;
    padding: 0.49vw 1.74vw;
    width: fit-content;
    color: #315467;  
    display: flex;
    align-items: center;
    margin-top: 0;
    gap: 0.21vw;
    transition: background-color 0.3s ease, color 0.3s ease;
	font-family: Manrope;
font-weight: 600;
font-size: 0.83vw;
line-height: 1.11vw; 
white-space: nowrap;

}
.cart-button:hover {
    background-color: #315467;
    color: white;
} 
 

.cart-icon {
  display: block;
  width: 1.25vw;
  height: auto;
}
.filter-sidebar .border_bottom{padding: 1.39vw;
    border-bottom: 1px solid #ddd;}
.filter-sidebar .alpha{padding: 1.39vw;
     }
.filter-container .filter1 img{width:1.67vw;
     }
.sort label img{width: 1.11vw; margin-right: 0.49vw; height:auto;
}





/* **********checkout page ********* */

.checkout-page {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.checkout-container {
  width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 2vw 2.08vw 0vw 2.08vw;
}
.checkout-form {
  width: 53.89vw;
  display: flex;

  flex-direction: column;
  gap: 1.67vw;
}

.checkout-header {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  gap: 8px;
}
.checkout-contact {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checkout-contact h2 {
  font-size: 1.25vw;
  color: #404040;
  font-weight: 600;
}
.checkout-contact p {
  font-size: 0.97vw;
  color: #404040;
  font-weight: 400;
}
.checkout-contact a {
  font-size: 0.97vw;
  color: #418199;
  font-weight: 600;
}
.checkout-email {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.56vw 1.11vw;
  border: 1px solid #e5e5e5;
}
.checkout-email input {
  width: 100%;
  border: none;
  height: 2.5vw;
}
.checkout-email2 {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  gap: 0.28vw;
}
.checkout-email2 span {
  color: #737373;
  font-size: 0.83vw;
  font-weight: 500;
}
.checkout-container input.ck {
  /* height: 1.39vw; */
  width: 1.39vw !important;
  display: flex;
}
.shipping-form {
  width: 100%;
  background: white;

  margin: auto;
}

.shipping-form h2 {
  color: #404040;
  font-weight: 600;
  font-size: 1.25vw;
  margin-bottom: 1.25vw;
}
.shipping-form h5 {
  color: #404040;font-family: Manrope;
font-weight: 600;
font-size: 0.83vw;
line-height: 1.11vw;     margin-bottom: 0.69vw;

}
#country {
  color: #737373;
}
#country option {
  color: #737373;
}

.form-group {
  margin-bottom: 1.04vw;
  border: 1px solid #e5e5e5;

  padding: 0.56vw;
}

.form-row {
  display: flex;
  gap: 0.69vw;
}

.form-row .form-group {
  flex: 1;
}

.checkout-container input,
.checkout-container select {
  width: 100%;
  height: 2.0vw;
  border: none;
  outline: none; font-family: 'Manrope';

  font-size: 0.97vw;
}
h4.ship-detail{margin-bottom:2vw;}
input::placeholder {
  color: #737373;
  font-size: 0.97vw;
}
.shipping-address {
  background-color: #ffffff;
}
#state {
  color: #737373;
}
#from-radius {
  /*border-radius: 0.56vw;*/
}

.form-optional {
  font-size: 0.83vw;
  color: #e5e5e5;
}

.country-flag {
  display: flex;
  align-items: center;
  gap: 0.56vw;
}

.country-flag img {
  width: 1.67vw;
  height: 1.11vw;
  object-fit: cover;
}

.note {
  font-size: 0.97vw;
  color: #e5e5e5;
  margin-top: 1.39vw;
}

.icon {
  position: absolute;
  right: 0.69vw;
  top: 2.57vw;
  pointer-events: none;
  opacity: 0.6;
}

.relative {
  position: relative;
}

.payment-section {
  width: 100%;
}

.payment-section h4 {
  margin-bottom: 1.11vw;
  font-weight: 600;
  font-size: 1.25vw;
}

.payment-method {
  border: 1px solid #e5e5e5;

  margin-bottom: 0.56vw;

  /* background-color: red; */

  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background 0.3s;
  padding: 0px 0.69vw;
}

.payment-method input[type="radio"] {
  accent-color: #004057;
}
.payment-method:has(input[type="radio"]:checked) {
  border-color: #004057;
  background-color: #f1f8fa;
}

.payment-method label {
  display: flex;
  align-items: center;
  gap: 0.69vw;
  width: 100%;
  cursor: pointer;
}

.payment-method input[type="radio"] {
  margin-left: auto;
  transform: scale(1.2);
}

.payment-method img {
  width: 1.39vw;
  height: 1.39vw;
}

.express-checkout {
  text-align: center;
  margin-top: 1.39vw;
}

.divider {
  font-size: 0.9vw;
  color: #404040;
  margin-bottom: 0.83vw;
  position: relative; font-weight: 600;
}

.divider::before,
.divider::after {
  content: "";
  position: absolute;
  top: 0.69vw;
  width: 40%;
  height: 0.07vw;
  background: #e5e5e5;
}

.divider::before {
  left: 0;
}

.divider::after {
  right: 0;
}

.express-buttons {
  display: flex;

  justify-content: space-between;
}

.express-buttons button {
  flex: 1;
  max-width: 16.67vw;
  padding: 0.69vw 1.39vw;
  border: 1px solid #e5e5e5;
  background: #ffffff;
  font-size: 16px;

  cursor: pointer;
  transition: 0.3s;
}
.express-buttons img {
  width: 4.17vw;
}

.debit {
  display: flex;
  gap: 0.56vw;
}
.debit p {
  color: #404040;
  font-size: 0.97vw;
}
.checkout-order {
  width: 37.78vw;
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
}
.note22 {
  background-color: #f1f8fa;
  padding: 1.11vw;
}
.note22 p {
  color: #418199;
  font-size: 0.97vw; font-weight: 500;
}
.tallchair {
  width: 100%;
  margin-top: 1.39vw;
  background-color: #f5f5f5;
  padding: 1.67vw; margin-bottom: 1.39vw;
}
.payment-box {
  width: 100%;
  background-color: #fff;
  /* overflow-y: auto; */
  /* max-height: 60.417vw; */
  margin: auto;
}

.product-info {
  border: 1px solid #e0e0e0;
  padding: 1.11vw;
     margin-bottom: 3.13vw;
}

.product-info img {
  width: 6.81vw;
  height: 8.06vw;
  margin-right: 0.83vw;
}

.product-details {
  display: flex;
}

.product-text {
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: column;
}

.product-text small {
  color: #737373;
  font-size: 0.83vw;
  font-weight: 500;
}

.product-text h3 {
  color: #404040;
  font-size: 1.11vw;
  font-weight: 400;
}

.price {
  display: flex;
  align-items: center;
  gap: 0px;
}

.price .current {
  font-weight: 700;
  font-size: 1.25vw;
  color: #404040;
}

.price .original {
  text-decoration: line-through;
  color: #737373;
  font-size: 0.97vw;
  font-weight: 500;
}

.price .discount {
  color: #315467;
  font-weight: 500;
  font-size: 0.97vw;
}
.summary {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 20px;
}


.summary-header {
  color: #404040;
  font-size: 1.11vw;
  gap: 0.56vw;

  font-weight: 700;
  display: flex;
  align-items: center;
}
.summary-header img {
  width: 1.25vw;
}

.coupon-section {
  display: flex;
  gap: 8px;
  border: 1px solid #ccc;
  padding-right: 1vw;
}

.coupon-section input {
  flex: 1;
  padding: 0.69vw;

  background-color: transparent;
}

.coupon-section button {
  background: none;
    border: none;
    color: #D02C2A;
    font-weight: 500;
    cursor: pointer;
    font-size: 0.97vw;
}

.offers {
  padding: 0.69vw;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.offers img {
  width: 1.25vw;
}
.offers span {
  color: #404040;
    font-size: 0.97vw;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.offers .link{margin-right:0.35vw;}
.totals div {
  display: flex;
  justify-content: space-between;
  margin: 0.42vw 0;  align-items: center;
}
.totals span {
  color: #737373; font-weight:500; font-family: Manrope;
font-weight: 500;
font-size: 1.11vw;
line-height: 1.67vw;
letter-spacing: 0%;
text-align: center;

}
.total-label span span.vat {  font-family: Manrope;
font-weight: 500;
font-size: 0.83vw;
line-height: 1.11vw; color:#737373;

}
.total-label span {font-family: Manrope;
font-weight: 600;
font-size: 1.39vw;
line-height: 1.94vw;  

}
.totals span.number {line-height: 1.67vw;font-weight: 600; color:#404040;
}

.total-label span {
  color: #404040;
}
.country-flag select {
  color: #737373;
}

.pay-button {
  background: #004057;

  text-align: center;
  padding: 0.83vw;
  font-weight: bold;
  cursor: pointer;

  margin-top: 0.56vw;
  margin-bottom: 0.56vw;
  border-radius: 0.14vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.56vw;
}
.pay-button a {
  text-decoration: none;
  color: #ffffff;
  font-size: 1.11vw;
}

.footer-note {
  font-size: 0.83vw;
  color: #737373;

  line-height: 1.4;
}

.footer-note a {
  color: #418199;
  font-weight: 600;
  text-decoration: none;
}

/* ***********BLOG PAGE CSS***************8 */
.blog-ctr{    padding: 0vw 2.08vw;
    width: 100%;}
.blog-container {
  width: 100vw;
  display: flex;
  justify-content: start;
  align-items: start;
}
.blogcard-width {
  width: 94.44vw;
  display: flex;
  justify-content: space-between;
}
.blogcard-ctr {
  width: 65vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.67vw;
}
.blogbig {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2vw;
}
.fitnessblog-card {
  width: 48%;
  display: flex;
  flex-direction: column;

  gap: 1vh;
}
.fitnessblog-imgbox {
  width: 100%;
  background-color: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fitnessblog-imgbox img {
  width: 100%;
}

.fitness-content h3 {
  
  display: flex;
  justify-content: flex-start;
  gap: 0.56vw;
  align-items: center;
  margin-bottom: 0.69vw;
  color: #404040;
  font-family: Manrope;
font-weight: 500;
font-size: 1.25vw;
line-height: 1.94vw;  position: relative;

}
.fitnessblog-imgbox{width:100%; height:26.39vw; object-fit:cover;}
.fitness-content h3 img{width: 1.74vw;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;}
.fitness-content p {
  font-size: 0.83vw;
  color: #737373;
  /* width: 25.28vw; */
}

.blogsearch-card {
  width: 27.78vw;
  display: flex;

  flex-direction: column;
}
.search {
  width: 100%;
  padding: 1.67vw;
  
  border: 1px solid #ddd;
  font-family: "Manrope", sans-serif; border-bottom:0;
}
.search:last-child { 
  border-bottom: 1px solid #ddd; 
}

.search h3,
.search h4 {
  margin-bottom: 0.69vw;
  font-size: 1.11vw;
  font-weight: 700;
  color: #404040;
}

.search-box {
  position: relative;
   
  border: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-box input {
  width: 100%; height: 2.78vw;
  padding: 0.69vw 2.43vw 0.69vw 0.69vw; border: 0; outline: 0;
}
.search-box input:focus-visible {
 outline: 0;
}
.search-box img {width: 1.39vw;
    margin-top: 0.42vw;
   margin-left: 0.77vw;
}

.category-list {
  list-style: none;
  padding-left: 0;
   
}

.category-list li { 
  padding: 0.35vw 0;
  color: #737373;
  cursor: pointer;
  font-family: Manrope;
font-weight: 500;
font-size: 1.11vw;
line-height: 1.67vw; 

}

.recent-posts {
  display: flex;
  flex-direction: column;
  gap: 0.69vw;
}

.post-card {
  display: flex;
  gap: 0.69vw;
  padding-right: 1.11vw;
  align-items: center;
  border: 1px solid #e5e5e5;
}

.post-card img {
  width: 3.47vw;
  height: 3.47vw;
  object-fit: cover;
}

.post-card p {
  font-size: 0.83vw;
  margin: 0;
  color: #333;
  font-family: Manrope;
font-weight: 600; 

}

/* ********produt detall***** */
.sk {
  border-bottom: 2px solid #315467;
}
.sku { 
  color: #404040; 
  font-family: Manrope;
font-weight: 500;
font-size: 0.97vw;
line-height: 1.39vw; 

}

.product-title {
  color: #404040; 
   
  font-family: Manrope;
font-weight: 600;
font-size: 2.5vw;
line-height: 2.78vw;      padding-top: 1.04vw;
    padding-bottom: 1.04vw;

}

.product-description {
  color: #737373;
  font-size: 0.97vw; 
  font-weight: 400;
  margin-bottom: 2.08vw; font-family: Manrope; 
line-height: 1.39vw; 

}

.product-description a {
  color: #315467;
  text-decoration: none;
  font-weight: 500;
  text-decoration: underline;
}

.price {
  margin-bottom: 0.35vw;
  margin-top: 0.35vw;
}

.new-price {
  font-size: 2.08vw;
  font-weight: 600;
  line-height: 2.08vw;
  color: #404040;
}
.price-section {padding: 2.24vw 0px;} 
.old-price {
  text-decoration: line-through;
  color: #737373;
  font-size: 1.25vw;
  margin-left: 0.69vw;
}

.discount {
  font-size: 0.97vw;
  color: #315467;
  margin-left: 0.69vw;
  font-weight: 400;
}

.shipping-note {
  font-size: 0.69vw;
  color: #737373;
  font-weight: 400;
  line-height: 0.83vw;
}

.quantity-section {
  display: flex;
  flex-direction: column;
  gap: 0.28vw; padding-bottom: 1.94vw;
}
.minusbtn svg{width:0.83vw; height:auto; color:#A3A3A3;}
.plusbtn svg {width:1.25vw;  height:auto; color:#fff;}
.quantity-section label {
  font-size: 0.97vw;
  color: #404040;
  font-weight: 500;     padding-bottom: 5px;
}

.quantity-controls {
  display: flex;
  align-items: center;
  gap: 0.35vw;
}

.plusbtn {
  width: 2.78vw;
  height: 2.78vw;
  background-color: #004057;
  border: none;
}
.plusbtn img {
  width: 1.25vw;
}
.minusbtn img {
  width: 1.25vw;
}
.minusbtn {
  width: 2.78vw;
  height: 2.78vw;
  width: 2.78vw;
  height: 2.78vw;
  border: none;
}

.quantity-controls input {
  width: 2.78vw;
  text-align: center;
  border: none;
  outline: none;
  font-size: 1.25vw;
  color: #404040;
}

.actions {
  display: flex;
  align-items: center;
  gap: 0.69vw; padding-bottom: 1.34vw;
}

.customize-btn,
.add-to-cart-btn {
  width: 33.33vw;
  height: 3.33vw;
  padding: 0.69vw 1.39vw;
  border: none;
  font-weight: bold;
  cursor: pointer;
  color: #ffffff;
  font-size: 1.11vw;
}
.add-to-cart-btn img {
  width: 1.67vw;
}

.customize-btn {
  width: 19.44vw;
  height: 3.33vw;
  border: 0.14vw solid #315467;
  background: #fff;
  font-size: 1.11vw;
  color: #315467;
  font-weight: 600;
  display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.11vw;
}

.add-to-cart-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.69vw;
  background: #1d3b50;
  color: white;
}

.wishlist-btn {
  height: 3.33vw;
  padding: 0px 1.11vw;
  font-size: 1.39vw;
  background: none;
  cursor: pointer;
  border: 0.07vw solid #315467;
}
.wishlist-btn img {
  width: 1.39vw;
}

.info-strip {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1.39vw;

  padding-top: 0.56vw;
  padding-bottom: 0.56vw;
  color: #444;

  background-color: #f5f5f5;
}
.info-strip span {
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 0.97vw;
  color: #525252;
  font-weight: 400;
  line-height: 1.39vw;
  gap: 10px;
}
.info-strip img {
  width: 1.11vw;
}

.info-strip strong {
  color: #418199;
  font-size: 0.97vw;
  font-weight: 500;
}




[data-animate-in] {
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease
}

[data-animate-in="up"] {
    transform: translate3d(0, 24px, 0)
}

[data-animate-in="left"] {
    transform: translate3d(-25%, 0, 0)
}

[data-animate-in="right"] {
    transform: translate3d(25%, 0, 0)
}

[data-animate-in="down"] {
    transform: translate3d(0, -24px, 0)
}

[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0)
}

[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 0.6s ease, opacity 0.6s ease
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease
}

.page-loaded .fade-in,.page-loaded.fade-in {
    opacity: 1
}

.isSafari.isTouch [data-animate-in],.isSafari.isTouch [data-animate-in="up"] {
    opacity: 1;
    transition: none;
    transform: none
}

.pl-30{padding-left: 2.08vw !important;}


/* ----- Search CSS Start --------- */
/* Overlay */
    .search-popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 2147483647;
    }

    /* Popup box */
    .serach-popup {
      background: #fff;
      width: 55.56vw;
      max-width: 90%;    
      padding: 2.78vw;      
      display: flex;
      flex-direction: column;
      gap: 0.69vw;
    }

    /* Search bar inside popup */
    .popup-header {
      display: flex;
      align-items: center;    
      justify-content: start;      
      padding-bottom: 0.69vw;
      background-color: #F5F5F5;
      margin: 0;
      gap: 0.56vw;
      border: none !important;
    }
    .popup-header img {
      width: 1.25vw;
      height: auto;
      object-fit: cover;
    }
    .popup-header input {      
      border: none;
      outline: none;
      font-size: 1.25vw;
      line-height: 1.94vw;
      font-weight: 500;
      font-family: Manrope;
      color: #404040;
      background-color: #F5F5F5;
      width: 100%;
    }

    /* Suggested & Trending sections */
    
    .popup-section p {
      font-family: Manrope;
      margin: 0.56vw 0;
      font-size: 0.97vw;
      font-weight: 600;
      line-height: 1.39vw;
      color: #737373;
    }
    .tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.69vw;
    }
    .search-tag {
      background: #F5F5F5;
      padding: 0.56vw 1.11vw;      
      font-size: 1.25vw;
      line-height: 1.94vw;
      font-weight: 500;
      font-family: Manrope;
      color: #404040;
      cursor: pointer;
    }

    
/*  Responsive for Mobile  */
@media (max-width: 767px) {
  .serach-popup {
     position: absolute;
    top: 165px;     
    left: 50%;
    transform: translateX(-50%); 
    width: 90%;
    padding: 4vw;
    gap: 2vw;
    border-radius: 2vw;
  }

  .popup-header {
    padding-bottom: 2vw;
    gap: 2vw;
  }
  .popup-header img {
    width: 4vw;
  }
  .popup-header input {
    font-size: 4vw;
    line-height: 6vw;
  }

  .popup-section p {
    font-size: 3.2vw;
    line-height: 4.5vw;
    margin: 2vw 0;
  }

  .search-tag {
    padding: 2vw 4vw;
    font-size: 3.6vw;
    line-height: 5.5vw;
    border-radius: 1vw;
  }
}
/* ----- Search CSS End  --------- */



.desk_disp_none{display:none !important;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.wishlist-btn .wishlist-product{
        width: 4vw !important;
    }
	.product-detail p {
    font-size: 3vw !important; 
    line-height: 4vw !important; 
}
	.total-label{margin-top: 4vw !important; margin-bottom: 2vw !important;}
	.slider-indicator { 
  width: fit-content;
  height: fit-content; 
}
.desk_disp_none{display:block !important;} 	
.mob_disp_none{display:none !important; 
    padding: 5px 0px;}


.zoom-container { 
    width: 100%;
    height: auto; 
}
     
	
[data-animate-in] {
    opacity: 1;
    transition: transform 0.8s ease, opacity 0.8s ease
}

[data-animate-in="up"] {
    transform: translate3d(0, 0px, 0)
}

[data-animate-in="left"] {
    transform: translate3d(0%, 0, 0)
}

[data-animate-in="right"] {
    transform: translate3d(0%, 0, 0)
}

[data-animate-in="down"] {
    transform: translate3d(0, -0px, 0)
}

[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0)
}

[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 0.6s ease, opacity 0.6s ease
}

.fade-in {
    opacity: 1;
    transition: opacity 1s ease
}}





 
.wishlist-product {
  cursor: pointer;
  transition: fill 0.3s ease, stroke 0.3s ease; color:#1d3b50; width: 1.39vw;
}

.wishlist-btn:hover .wishlist-product {
  fill: #1d3b50;
  stroke: #1d3b50
}
  
 .bg1 p.review{position:absolute; left:1.04vw; top:1.39vw; font-family: Graphik Trial;
font-weight: 500;
font-size: 0.83vw;
line-height: 1.11vw;
    color: #737373;
    background: #fff;
    padding: 0.35vw 0.69vw;
    border-radius: 0.42vw;
    border: 1px solid #E5E5E5;
}
.review img{width:0.97vw; height: auto;}


.mini-cart h4 {font-family: Manrope;
font-weight: 600;
font-size: 2.5vw;
line-height: 2.78vw; color:#404040;
}
.mini-cart h4 span{font-family: Manrope;
font-weight: 500;
font-size: 1.11vw;
line-height: 1.67vw;  color:#737373;
}














/* ********product-color*****************page************** */

.build-chair {
  width: 53.89vw;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  gap: 1.11vw;
  padding-bottom: 1.67vw;
}

.buil-heading {
  display: flex;
  justify-content: center;
  align-items: start;
  gap: 1.11vw;
  color: #404040;
  font-size: 2.5vw;
  line-height: 2.78vw;
  font-weight: 600;
}
.buil-heading img {
  width: 2.78vw;
}

.buil-heading span {
  display: flex;
  justify-content: center;
  align-items: start;
}

.build-chair p {
  font-size: 0.97vw;
  color: #404040;
  line-height: 1.39vw;
  font-weight: 400;
}

/* colorcontainer */
/* ============================
   Color Container & Header
============================= */
.color-container {
  width: 53.89vw;
  border: 0.14vw solid #e5e5e5;
  background-color: white;
}

.color-header {
  width: 100%;
  padding: 1.67vw;
  border: 0.14vw solid #e5e5e5;
  background-color: #fafafa;
  display: flex;
  justify-content: space-between;
}

/* ============================
   Price & Shipping Section
============================= */
.colorprice-section,
.colorquantity-section,
.color-shiping {
  width: 15.56vw;
  display: flex;
  flex-direction: column;
  gap: 0.28vw;
}

.colornew-price {
  color: #315467;
  font-size: 2.08vw;
  line-height: 2.5vw;
  font-weight: 700;
}

.coloestarting-price {
  font-size: 0.69vw;
  color: #737373;
  line-height: 0.83vw;
  font-weight: 400;
}

.coloestarting-price span {
  font-size: 0.83vw;
  color: #404040;
  line-height: 1.11vw;
  font-weight: 600;
}

.color-shiping label {
  color: #418199;
  font-size: 0.83vw;
  font-weight: 500;
  line-height: 1.11vw;
}

.shipping-charges {
  color: #404040;
  font-size: 0.97vw;
  font-weight: 500;
  line-height: 1.39vw;
}

.shipping-note {
  color: #737373;
  font-size: 0.69vw;
  font-weight: 400;
  line-height: 0.83vw;
}

.colorquantity-section label {
  font-size: 0.97vw;
  color: #404040;
  font-weight: 500;
  line-height: 1.39vw;
}

/* ============================
   Slider Layout
============================= */
.colorbox-outer {
  width: 100%;
  overflow: hidden;  border: 0.14vw solid #e5e5e5;
}

.colorbox-track {
  width: 100%;
  display: flex;

  transition: transform 0.5s ease;
  /* background-color: red; */
}

.slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;

  width: 100%;
  flex-shrink: 0;
}

/* ============================
   Fabric Color Block
============================= */
.fabric-color {
  width: 100%;
  border-top: 0vw solid #e5e5e5;
  border-bottom: 0.20vw solid #e5e5e5;
  display: flex;
  justify-content: space-between;
  padding: 0.83vw 1.67vw;
  margin-bottom: 1.67vw;

  gap: 0.69vw;
}

.fabric-color h2 {
  display: flex;
  gap: 0.56vw;
  align-items: center;
  color: #404040;
  font-size: 1.11vw;
  font-weight: 600;
  line-height: 1.67vw;
}

.fabric-color span {
  color: #737373;
  font-size: 0.83vw;
  font-weight: 400;
}

.fabric-color a {
  display: flex;
  gap: 0.56vw;
  align-items: center;
  color: #418199;
  font-size: 0.83vw;
  font-weight: 500;
  text-decoration: none;
}

.fabric-color img {
  width: 1.25vw;
}

/* ============================
   Grade Box & Scroll
============================= */
.gradebox {
  display: flex;
  align-items: start;
  flex-direction: column;
  height: 80vh;
  width: 51vw;
  /* background-color: red; */
  overflow-y: auto;
   
}

.gradebox::-webkit-scrollbar {
  width: 0.42vw;
}

.gradebox::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.gradebox::-webkit-scrollbar-thumb {
  background-color: #404040;
}

.gradebox::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* ============================
   Grade Sections
============================= */
.grade-section {
  width: 97%;
  padding: 0.83vw 1.67vw;
  border: 1px solid #e5e5e5;
}

.grade-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1vw;
}

.grade-header p {
  font-size: 0.97vw;
  font-weight: 600;
  color: #404040;
}

.grade-header span {
  color: #737373;
}

.grade-header img {
  width: 1.11vw;
}

.info-icon {
  display: flex;
  align-items: center;
  gap: 0.3vw;
  font-size: 0.83vw;
  color: #737373;
}

.colors-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7vw;
}

.color-swatch {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 4.86vw;
  cursor: pointer;
  padding: 0.56vw;
  border: 0.1vw solid transparent;
  text-align: center;
}

.color-swatch:hover {
  border: 0.1vw solid #418199;
  background-color: #f1f8fa;
}

.color-circle {
  width: 3.33vw;
  height: 3.33vw;
  border-radius: 50%;
  margin-bottom: 0.56vw;
  border: 2px solid transparent;
}

.swatch-name {
  font-size: 0.83vw;
  font-weight: 700;
  color: #404040;
}

.swatch-code {
  font-size: 0.83vw;
  color: #737373;
}

/* ============================
   Step Navigation
============================= */
.step-nav-container {
  width: 100%;
  background: white;
  border-top: 0.14vw solid #e5e5e5;
  display: flex;
  flex-direction: column;
  
  padding: 1.67vw;
  bottom: 0;
  z-index: 100;
}

.step-nav-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.74vw;
}

.step-nav-left button,
.next-btn {
  padding: 0.56vw 1.11vw;
  font-size: 0.97vw;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.56vw;
  cursor: pointer;
}

.step-nav-left button {
  border: 0.07vw solid #315467;
  color: #315467;
  background: none;
}

.next-btn {
  background: #315467;
  color: white;
  border: none;
}

.step-nav-left button img,
.next-btn img {
  width: 2vw;
}

.step-nav-center {
  display: flex;
  align-items: center;
  gap: 0.83vw;
  color: #404040;
  font-size: 1.11vw;
}

.progress-text {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.69vw;
}

.progress-text .left {
  font-size: 0.97vw;
  color: #404040;
  font-weight: 500;
}

.progress-percentage {
  color: #d8ab86;
  font-weight: 500;
  font-size: 0.97vw;
    line-height: 1.39vw;
}

.progress-bar-bg {
  width: 100%;
  height: 1.11vw;
  background: #f6f0eb;
}

.progress-bar-fill {
  width: 10%;
  height: 100%;
  background: #d8ab86;
  transition: width 0.3s ease;
}

/* ====================
2nd slide ======
=========== */
.arm {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.56vw;
}
.arm-child {
  width: calc(50% - 0.56vw);

  text-align: center;
  display: flex;
  /* justify-content: space-between; */
  border: 1px solid #eee;

 padding: 0.69vw 1.04vw;
}
.arm-img img {
  width: 3.42vw;
}
.arm-price{    color: #418199;
    font-size: 0.97vw;}
.arm-content {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  text-align: start;
  gap: 0.35vw;
  padding-left: 15px;
}
.arm-child12 .arm-content {
  align-items: center;
  flex-direction: row;
}
#addToCart{
  cursor: pointer;
}
/* seat slide 3  */
.seat {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.11vw;
}
.seat-child {
  width: calc(50% - 0.56vw);

  text-align: center;
  display: flex;
  justify-content: space-between;
  border: 1px solid #eee;

  padding: 1.39vw;
}
.seat-child:hover {
  background-color: #d5e9f0;
  border: 1px solid #418199;
}
.seat-img img {
  width: 10.42vw;
}
.seat-content {
  display: flex;
  justify-content: start;
  align-items: start;
  flex-direction: column;
  text-align: start;
  gap: 0.69vw;
}
.question-img img {
  width: 1.11vw;
}
.uphold {
  font-size: 1vw;
  line-height: 1.39vw;
  font-weight: 500;
  color: #404040;
}
.seat-price {
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-weight: 400;
  color: #418199;
}

.checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.69vw;
  margin-bottom: 0vw;
  font-family: Arial, sans-serif;
}

.checkbox input[type="checkbox"] {
  width: 1.22vw;
  height: 1.22vw;
  accent-color: #055775;
  cursor: pointer;
  margin-top: 0.21vw;
}

.checkbox span {
  font-size: 1.22vw;
  color: #333;
  line-height: 1.5;
}

.check-content {
  padding: 16px 1.39vw; 
  border-radius: 0.28vw;
}

.check-content p {  
    margin-bottom: 0.69vw;
    font-size: 0.97vw;
    color: #404040;
}

.check-content ul {
  padding-left: 1.25vw;
  margin: 0;
  list-style: disc;
}

.check-content li {
  margin-bottom: 0.56vw;
  font-size: 0.97vw;
  color: #444;
  line-height: 1.5;
}

.check-content li a { 
  color: #004057;
  text-decoration: none;
}

.check-content li a:hover {
  text-decoration: underline;
}
.height {
  width: 100%;
  display: flex;
  gap: 0.56vw;
  width: 100%;
  border: 0.07vw solid #ccc;
  margin-bottom: 1.21vw;
  font-family: Arial, sans-serif;
  padding: 0.69vw;
}
.height img {
  width: 1.78vw;
  height: 1.78vw;
}

.height select {
  width: 100%;
  padding: 0;
  font-size: 0.97vw;
  border: none;
  outline: none;
  background-color: #fff;
  cursor: pointer;
  outline: none;
  /* DON'T add appearance: none; → this keeps default arrow */
}

/* slide final page  */

.my-selections {
  width: 95%;
  border: 0.07vw solid #ccc;
 
  background: #f9f9f9;
}

.my-selections h2 {
  color: #333;
  font-size: 1.13vw;
}

.selection-row {
  display: flex;
  justify-content: space-between;
  padding: 0.83vw 1.67vw;
  border-bottom: 0.07vw solid #ddd;
}
.selection-heading {
  padding: 0.83vw 1.67vw;
  background-color: #bedae33d; border-bottom: 1px solid #ccc;
  font-weight: 500;
  color: #404040;
  font-size: 1.39vw;
}

.selection-row:last-child {
  border-bottom: none;
}

.item-title {
  width: 40%;
  font-weight: 400;
  margin-bottom: 0.28vw; font-size: 0.97vw;
}

.item-price {
  width: 20%;
  color: #0077cc;
  font-weight: 400; font-size: 0.97vw;
}

.item-detail {
  width: 40%;
  font-size: 0.97vw;
  color: #555;
  margin-top: 0.14vw;
}
#finalButtons {
  width: 100%;
  display: flex;
  justify-content: space-between; margin-bottom: 1.74vw;
}
#addToCart {
  padding: 0.83vw 9.33vw;
  background-color: #315467;
  color: #ffffff;
  border: none; font-size: 0.97vw; font-family: 'Manrope';
}
#customize {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.56vw;
  padding: 0.83vw 9.33vw;
  background-color: #ffffff;
  color: #315467;
  border: 0.07vw solid #315467; font-size: 0.97vw; font-family: "Manrope", sans-serif;
}
#customize img {
  width: 1.04vw;
}



/* ======cart page======== */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 999;
  
}
.overlay.show {
  opacity: 1; display: block;
  visibility: visible;
}
.cart-panel {
  position: fixed;
  top: 0;
  right: -56.94vw;
  width: 50vw;
  height: 100%;
  background: #ffffff;
  box-shadow: -0.14vw 0 0.35vw rgba(0, 0, 0, 0.2);
  transition: right 0.3s ease;
  z-index: 99999999999999999999;
  padding: 1.39vw;
  overflow-y: auto;
}

.cart-panel.open {
  right: 0;
}

.cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center; padding-bottom: 1.39vw;
}
.cart-header p {
  display: flex;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 2.78vw;
  color: #404040; align-items: center;
    gap: 0.39vw;
}
.cart-header span {
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 1.67vw;
  color: #737373;
}

.checkout-btn {
  margin-top: 1.39vw;
  width: 100%;
  padding: 0.69vw;
  background: #0a4f79;
  color: white;
  font-weight: bold;
  border: none;
}

.close-btn {
  background: none;
  border: none;
  font-size: 1.25vw;
  cursor: pointer;
}
.personal-product {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.p-product {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 4.39vw;
  /* flex-direction: column; */
  position: relative;
}
.p-product{
  width: 100%;
}
.quantity-controls{
  margin-left: auto;
}
.personalized {
  background-color: #f1f8fa;
  padding: 0.69vw;
}
.personalized p {
  color: #315467;
  font-size: 0.97vw;
  font-weight: 600;
  line-height: 1.11vw;
}
.p-product a {
  color: #404040;
  line-height: 1.39vw;
  font-size: 0.97vw;
  font-weight: 600;
  text-decoration: none;
}

/* product page */
.cartcard-container {
  border: 0.07vw solid #a3a3a3;
  padding: 1.39vw;
}
.cartcard-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.69vw;
  margin-bottom: 1.67vw;
}
.cartcard-heading h2 {
  color: #404040;
  font-weight: 700;
  font-size: 1.11vw;
  line-height: 1.67vw;
}
.cart-product-card {
  width: 100%;

  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 1.74vw;
}

.cart-card {
  width: 20%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  overflow: hidden;
}
.cart-card img {
  width: 100%;
  height: 10vw;
}
.cartcard-conten h4 {
  color: #262626;
  font-size: 0.97vw;
  font-weight: 400;
  line-height: 1.39vw;
}
.content_sec h4 {
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-weight: 400;
  color: #262626;
}
.span1 {
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-weight: 700;
  color: #262626;
}
.span2 {
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-weight: 500;
  color: #a3a3a3;
}
.span3 {
  font-size: 0.83vw;
  line-height: 1.39vw;
  font-weight: 400;
  color: #315467;
}

/* Popup */
.selected-popup {
  position: absolute;
  top: 22.7vw;
  left: 29vw;
  transform: translateX(-50%);
  width: 70%;
  /* max-width: 27.78vw; */
  background: #fff;

  box-shadow: 0 0.56vw 2.08vw rgba(0, 0, 0, 0.2);
  z-index: 1000;
  display: none;
  overflow-y: auto;
}

/* Popup Header */
.popup-header {
  display: flex;
  justify-content: space-between;
  align-items: center; 
  background-color: #f1f8fa;
  padding: 0.69vw 1.9vw; border-bottom: 1px solid #ddd;
}

.popup-header h3 {
  font-size: 1.11vw;
  color: #404040;
  font-weight: 600;
  line-height: 1.67vw;
}

/* Edit Button */
.edit-btn {
  background: none;
  border: none;
  color: #315467;
  font-size: 0.97vw;
  font-weight: 600;
  line-height: 1.39vw;
  cursor: pointer;
}

/* Options */
.option-row {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  margin-top: 0.83vw;
  font-size: 0.97vw;
  padding: 0px 1.67vw;
}
.option-row b {
  color: #404040;
  font-weight: 600;
  font-size: 0.97vw;
}
.option-row span {
  color: #737373;
  font-weight: 600;
  font-size: 0.83vw;
  line-height: 1.11vw;
}

.option-desc {
  font-size: 0.9vw;
  color: #737373;
  font-size: 0.83vw;
  margin-bottom: 0.69vw;
  padding: 0px 1.67vw;
}
.tallcart {
    width: 100%;
margin-top: 1.39vw;}
.summarycart {
    display: flex;
    flex-direction: column;
    gap: 0.56vw;
    background-color: #f5f5f5;
    padding: 1.67vw;
}
.tallcart .product-info img {
    width: 10.56vw;
    height: 12.5vw;
    object-fit: cover;
    margin-right: 0.83vw;
}
.tallcart .product-text h3 {
     
    margin-top: 0.42vw;
}
.tallcart .personalized p {display: flex;
    align-items: center;
}
.tallcart .personalized img {
     
   width:1.11vw; height: auto;     margin-right: 0.14vw;
}
.tallcart .quantity-controls {    display: block;}
.tallcart .quantity-controls p {
     font-family: Manrope;
font-weight: 500;
font-size: 0.83vw;
line-height: 1.11vw; 
vertical-align: middle;

}
.tallcart .coupon-section input {
     
    border: none;
}
.tallcart .pay-button {
     font-weight:500;
    text-transform: uppercase;
}
.tallcart .pay-button a { 
    display: flex;
    align-items: center;
}
.tallcart .price .discount{margin:0;}
.tallcart .price  {    gap: 0.69vw;}
.cartcard-container .cart-card {
    width: 21.9%; 
}
.cartcard-container .cart-card p{
    gap: 0.76vw;
    display: flex

}
.selected-popup .border-bottom{border-bottom:1px solid #ddd;}



/* get in touch page start============= */

.contact-section {
  padding: 0 2.08vw;
}

.contact-section .main-title {
  font-size: 5.56vw;
  font-weight: 500;
  line-height: 8.33vw;
  margin-bottom: 2.78vw;
  color: #404040;
}

.contact-section .contact-flex {
  display: flex;
  gap: 6vw;
  margin-bottom: 2.78vw;
}

.contact-section .contact-block {
  flex: 1;
}

.contact-section .block-title,
.contact-section .days,
.contact-section .note,
.contact-section .block-cont {
  font-size: 1.11vw;
  font-weight: 500;
  line-height: 1.67vw;
}

.contact-section .block-title {
  color: #315467;
  margin-bottom: 0.69vw; margin-bottom: 2.08vw;
}

.contact-section .days,
.contact-section .note,
.contact-section .block-cont {
  color: #737373;
}
 
.contact-section .note {
  margin-top: 0.89vw;
}

.contact-section .time,
.block-mail {
  font-size: 1.67vw;
  font-weight: 500;
  line-height: 2.22vw;
}

.contact-section .time {
  color: #404040;
}
.contact-section .time span{
  font-family: Graphik Trial;
}

.contact-section .block-mail {
  color: #000;
  margin-bottom: 0.69vw; font-family: Graphik Trial;
}
.contact-section .block-cont{margin-bottom:1.67vw;}
/* Surface Section */
.surface-container {
  margin-top: 4.86vw;
  padding: 3.08vw 2.08vw;
  background-color: #f1f8fa;
}

.surface-container .surface-img {
  display: flex;
  gap: 2vw;
}

.surface-container .surface-mail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.08vw;
}

.surface-container .mail-image img {
  width: 23.61vw;
  border-radius: 0.56vw;
  object-fit: cover;
}
.surface-container .block-title {
    color: #315467;
    margin-bottom: 0.69vw;
    margin-bottom: 2.08vw;
	font-size: 1.11vw;
    font-weight: 500;
    line-height: 1.67vw;
}
.surface-container .block-mail {
    color: #000;
    margin-bottom: 0.69vw;
    font-family: Graphik Trial; font-size: 1.67vw;
    font-weight: 500;
    line-height: 2.22vw;

}
/* QR */
.qr-box {
  display: flex;
  align-items: center;
  gap: 1vw;
  background-color: #fff;
  padding: 2.31vw 2.22vw;
}

.qr-box img {
  width: 8.33vw;
  height: 8.33vw;
}

.qr-box p {
  font-size: 0.97vw;
  margin-top: 0.69vw;
  color: #404040;
}

/* FAQ Section */
.faq-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4.86vw 0vw;
  width: 100%;
  padding: 0vw 2.08vw;
}

.faq-section small {
  font-family: AmpleSoft Pro;
  font-size: 1.25vw;
  line-height: 1.94vw;
  color: #315467;
  text-align: center;
  font-weight: 400;
}

.faq-section h2 {
  font-family: Manrope;
  font-size: 2.5vw;
  font-weight: 600;
  line-height: 2.78vw;
  color: #404040;
}

.faq-section .tabs {
  display: flex;
  justify-content: center;
  gap: 0vw;
  margin: 2vw 0;
}

.faq-section .tab {  
  padding: 0.69vw 1.39vw;
  cursor: pointer; 
  font-family: Manrope;
font-weight: 600; 
font-size: 1.11vw; 
line-height: 1.67vw; 
background: #fff;
  border: 1px solid #cccccc80; color:#737373; width: 10.42vw;

}
 

.faq-section .tabs .tab.active {
  background:#E5E5E5;   color:#737373;;
}
.faq-section .faq-list {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 2vw;
}

.faq-section .faq-item {
  border-bottom: 1px solid #ccc;
  padding: 1.04vw 0;
}

.faq-section .question {
  gap: 1.5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.faq-section .question span,
.faq-section .question p {
  font-family: Manrope;
  font-size: 1.25vw;
  line-height: 1.94vw;
  font-weight: 500;
  color: #404040;
}

.faq-section .question p {
  flex-grow: 1;
}

.faq-section .toggle-arrow {
  width: 2.22vw;
  height: 2.22vw;
  transition: transform 0.3s ease;
}

.faq-section .faq-item.active .toggle-arrow {
  transform: rotate(180deg);
}
.faq-section .faq-tab-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.faq-section .faq-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transform: translateX(100%);

  pointer-events: none;
}
.faq-section .answer {
  width: 92%;
  padding-left: 3vw;
  color: #737373;
  font-size: 1.11vw;
  line-height: 1.67vw;
  font-weight: 500;
  font-family: Manrope;
  max-height: 0;
  overflow: hidden;
  display: none;
  transition: max-height 0.6s ease, padding 0.4s ease;
}
.faq-section .answer p{  
  color: #737373;
  font-size: 1.11vw;
  line-height: 1.67vw;
  font-weight: 500;
  font-family: Manrope;  margin-bottom: 0.69vw;
}

.faq-section .faq-list.active {
  opacity: 1;
  transform: translateX(0%);
  position: relative;
  pointer-events: all;
}
  

/* login page=============================================== */
.login-container {
  width: 100vw;
  /* height: 100vh; */

  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.login-main {
  width: 100vw;
  display: flex;
  background: #ffffff;

  overflow: hidden;
}

.login-img {
  width: 37.5vw;
  height: 100%;
  flex-shrink: 0;
}

.login-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Right Form */
.login-form {
  padding: 5.56vw 16.11vw 5.56vw 6.56vw;
  display: flex;
  flex-direction: column;

  gap: 5.72vw;
  box-sizing: border-box;
}

.login-leftimg img {
  width: 12.29vw; /* 140px */
  margin-bottom: 1.39vw;
}

.login-frm {
  padding: 0vw 0vw;
  display: flex;
  flex-direction: column;
  gap: 2.08vw;
}

.login-heading p {
  font-size: 2.5vw; /* 32px */ 
  color: #404040;
  margin: 0;
  font-family: Manrope;
font-weight: 600;  
line-height: 2.778vw;  padding-bottom: 0.347vw;

}


.login-heading span {
  color: #315467;
}

.log-help {
  font-size: 1.111vw;
  color: #737373;
  font-family: Manrope;
font-weight: 500;  
line-height: 1.667vw; 

}

.login-btn {
  display: flex;
  gap: 1.39vw;
}

.login-btn a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.69vw;
  padding: 0.56vw 0vw;
  font-size: 0.97vw;
  border: 1px solid #e5e5e5;
  color: #737373;
  text-decoration: none;
}
.login-btn a img {
  width: 2vw;
}

.or-line {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 0.69vw;
  font-size: 1.111vw; line-height:1.667vw;
  color: #a3a3a3;
}

.or-line::before,
.or-line::after {
  content: "";
  flex: 1;
  border-bottom: 0.07vw solid #e5e5e5;
}

.login-mail {
  display: flex;
  align-items: center;
  gap: 0.69vw;
  padding: 0.83vw 1.11vw;
  border: 0.07vw solid #e5e5e5;
}
.login-mail img {
  width: 1.5vw;
}

.login-mail input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 0.97vw;
}
.login-mail input::placeholder {
  font-size: 0.97vw;
  line-height: 1.39vw;
  color: #737373;
}

.otp-login {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #315467;
  color: #fff;
  font-size: 1.111vw;
  padding: 0.56vw 0vw;
  margin-bottom: 1vw;
  gap: 0.56vw;

  text-decoration: none;
}

.otp-login img {
  width: 2vw;
}

.login-btn2 p {
  font-size: 0.83vw;
  color: #404040;
  line-height: 1.111vw;
  margin: 0;
  font-family: Manrope;
font-weight: 500;  

}

.termss {
  color: #315467;
  text-decoration: none;
  font-weight: 600;
}




/* ==========About===============page========= */

.about-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0vw 2.08vw;
}
.about-main {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.about-heading p {
  font-family: Manrope;
  font-size: 5.56vw;
  font-weight: 500;
  line-height: 8.33vw;
  margin-bottom: 2.78vw;
  color: #404040;
}
.about-begin {
  display: flex;
  gap: 3vw;
}

.begining {
  width: 26%;
}
.begining p {
  font-family: Graphik Trial;
  font-size: 1.67vw;
  line-height: 2.22vw;
  color: #315467;

  font-weight: 500;
}
.begining-content p {
  font-family: Manrope;
  font-size: 1.11vw;
  line-height: 1.67vw;
  color: #737373;

  font-weight: 500;
}
.begin-image {
  display: flex;
  margin-top: 3vw;
}
.begin-image img {
  object-fit: cover;
  width: 50%;
  height: auto;
}
.mission-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0vw 2.08vw;
  margin-top: 4vw;
}
.mission-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
}
.mission-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mission-sub {
  font-size: 1.25vw;
  line-height: 1.94vw;
  color: #315467;
  font-family: AmpleSoft Pro;
  font-weight: 400;
}
.mission-mainheading {
  font-family: Manrope;
  font-size: 2.5vw;
  line-height: 2.78vw;
  color: #404040;
  font-weight: 600;
}
.mission-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1.67vw;
}
.mission-goal {
  width: 49%;
  gap: 10px;
  padding: 1.67vw;
  border: 1px solid #d4d4d4;
  gap: 2.78vw;
}
.mission-wrapHeading {
  font-family: Graphik Trial;
  font-size: 1.67vw;
  line-height: 2.22vw;
  color: #315467;
  font-weight: 500;
}
.goal-image img {
  width: 20.14vw;
}
.mission-wrapcontent {
  font-family: Manrope;
  font-size: 1.11vw;
  line-height: 1.67vw;
  color: #737373;
  font-weight: 500;
}
.mission-goal {
  display: flex;
}
.goal-content {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

/* mision=== */
.solution {
  width: 100%;
  padding: 5.56vw 2.08vw;
  background-color: #f1f8fa;
  margin-top: 4vw;
}

.solution-main {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.solution-content {
  width: 27.78vw;
}

.solution-cont {
  position: relative;
  width: 41.67vw;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
  width: 41.67vw;
}

.soliution-img {
  width: 43.06vw;
}

.soliution-img img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.solution-contentheading {
  color: #315467;
  font-size: 1.67vw;
  line-height: 2.22vw;
  font-family: Graphik Trial;
  font-weight: 500;
  text-align: center;     margin-bottom: 2.08vw;
}

.solution-contentpara {
  color: #737373;
  font-size: 1.11vw;
  line-height: 1.67vw;
  font-family: Manrope;
  font-weight: 500;
  text-align: center;
}

.quote22 {
  width: 100%;
  display: flex;
  justify-content: end;
  align-items: end;
}

.quote22 img {
  width: 3.61vw;
}
.quot1 {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: end;
}

.quot1 img {
  width: 3.61vw;
}
/* award section==== */
.award {
  width: 100%;
  padding: 0vw 2.08vw;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 4vw 0vw;
  gap: 2.78vw;
}

.award-main {
  width: 100%;
}

.award-rating {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 1.11vw;
}

.recognation {
  color: #404040;
  font-size: 2.5vw;
  line-height: 2.78vw;
  font-family: Manrope;
  font-weight: 600; margin-bottom: 0.48vw;
}

.award-content {
  display: flex;
  flex-direction: column;
  gap: 1.67vw;
}

.award-name {
  display: flex;
  padding: 1.67vw;
  gap: 6.46vw;
  justify-content: center;
  align-items: center;
  border: 1px solid #d4d4d4;
}

.recognation-cont {
  color: #737373;
  font-size: 1.11vw;
  line-height: 1.67vw;
  font-family: Manrope;
  font-weight: 500;
}

.award-date {
  color: #315467;
  font-size: 1.25vw;
  line-height: 1.94vw;
  font-family: AmpleSoft Pro;
  font-weight: 400;
}

.award-image img {
  width: 11.32vw;
  object-fit: cover;
  height: auto;
}

.award-name2 {
  color: #404040;
  font-size: 1.67vw;
  line-height: 2.22vw;
  font-family: Graphik Trial;
  font-weight: 500;
}

.award-discription {
  color: #404040;
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-family: Manrope;
  font-weight: 400;
}
.kudos-box {
  border: 1px solid #d4d4d4;
  padding: 1.67vw;
  width: 100%;
  background-color: #fff;
  display: flex;
  gap: 1.67vw;
  flex-direction: column;
}

.kudos-box h4 {
  font-weight: 400;
  color: #315467;
  font-size: 1.25vw;
  line-height: 1.94vw;
  font-family: AmpleSoft Pro;
}

.kudos-box ul {
  padding-left: 2vw;
}

.kudos-box li {
  font-family: Manrope;
  margin-bottom: 0.44vw;
  color: #737373;

  font-size: 0.97vw;
  line-height: 1.39vw; 
}
li::marker {
  color: #000; /* Change this to any color */
}

.kudos-box strong {
  font-family: Manrope;
  color: #000;
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-weight: 700;
}

/* rest====== */
.rest-container {
  width: 100%;
  padding: 0vw 2.08vw;
  margin-bottom: 4vw;
}
.rest-main {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.rest-image {
  width: 45.14vw;
}
.rest-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}
.rest-content {
  width: 45.14vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rest-cont {
  display: flex;
  flex-direction: column;
  gap: 0.56vw;
}
.rest-heading {
  color: #404040;
  font-size: 1.67vw;
  line-height: 2.22vw;
  font-weight: 500;
  font-family: Manrope;
}
.rest-para {
  color: #737373;
  font-size: 0.97vw;
  line-height: 1.39vw;
  font-weight: 400;
  font-family: Manrope;
}
.rest-subheading {
  color: #315467;
  font-size: 1.11vw;
  line-height: 1.67vw;
  font-weight: 500;
  font-family: Manrope;
}
.rest-btn {
  display: flex;
}
.rest-btn a {
  color: #315467;
  font-size: 1.25vw;
  line-height: 1.94vw;
  font-weight: 300;
  font-family: Manrope;
  text-decoration: none;
  display: flex;
  border: 1px solid #315467;
  padding: 0.83vw 1.11vw;

  justify-content: center;
  align-items: center;
  gap: 1.11vw;
}
.rest-btn img {
  width: 1.67vw;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {

  /* === cart Page === */
  	.cart-panel {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    box-shadow: -0.14vw 0 0.35vw rgba(0, 0, 0, 0.2);
    transition: right 0.3s ease;
    z-index: 99999999999999999999;
    padding: 1.39vw;
    overflow-y: auto;
}
.cart-header p { 
    font-size: 4.5vw; 
    line-height: 5.78vw; 
    gap: 1.39vw;
}
.cart-header span {
     font-size: 2.11vw;  
    line-height: 2.67vw; 
}
.tallcart .product-info img {
    width: 50.56vw;
    height: 32.5vw;
    object-fit: cover;
    margin-right: 3.83vw;
}
.tallcart .personalized img {
    width: 3.11vw;
    height: auto;
    margin-right: 0.14vw;
}
.cart-card img {
  width: 100%;
  height: 30vw;
}
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
	 
  /* === Login Page === */
  .login-img{display:none;}
  .login-main { 
    display: block; 
}
.login-form {
    padding: 20px;     gap: 20.72vw;
}
.login-leftimg img {
    width: 28.29vw;
    margin-bottom: 1.39vw;
} 
.login-heading p {
    font-size: 4.5vw;      padding-bottom: 2.347vw;
}
.log-help {
    font-size: 3.111vw; 
}
.login-btn a { 
    padding: 1.56vw 0vw;
    font-size: 3.111vw;  
}
.login-btn a img {
    width: 3vw;
}
.or-line { 
    font-size: 3.111vw; 
    margin-top: 15px;
    margin-bottom: 15px;
}
.login-btn { 
    margin-top: 10px;
}
.otp-login { 
    font-size: 3.111vw;
    padding: 1.56vw 0vw; 
}
.login-btn2 p 
 {font-size: 3.111vw;
    line-height: 4.111vw;          margin-top: 10px;
}
.login-mail { 
    padding: 1.83vw 2.11vw; 
}
.login-mail img {
    width: 3vw;
}
.otp-login img {
    width: 4vw;
}
.login-mail input{
   width:100%; height: 20px;
}
.login-mail input::placeholder {
  font-size: 10px; 
}
.login-mail input { 
    font-size: 2.97vw;
}
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  /* === HEADER / NAVBAR === */

  .headtop-bar {
    padding: 2vw 4vw;
  }

  .headtop-bar a {
    font-size: 2vw;
  }

  .text p {
    font-size: 2.5vw;
    font-size: 3w;
  }

  .logo img {
    width: 30vw;
    height: auto;
  }

  .navlist {
    display: none;
  }

  .hamburger {
    font-size: 6vw;
    display: block;
  }

  .nav {
    position: relative;
    padding: 0vw 4vw;
  }

  .nav-action {
    gap: 8vw;
  }

  .action-item span {
    font-size: 2.2vw;
    display: none;
  }

  .nav-action img {
    width: 4vw;
  }

  .mobile-nav.show {
    display: block;
  }

  .right-content {
    display: none;
  }

  .left-image {
    width: 100%;
    height: auto;
  }

  /* === SLIDER INDICATOR & ARROWS === */
  .slider-indicator {
    top: 75vw; /* override desktop top */

    right: 4vw;
    gap: 5px;
    z-index: 999;
    background: transparent;
  }

  .slider-indicator span {
    font-size: 4vw;
    line-height: 5vw;
    width: auto;
    padding: 0 1vw;
  }

  .slider-indicator .line {
    height: 1.5vh;
    width: 4vw;
    background: #000;
  }

  .arow,
  .arow-left {
    width: 8vw;
    height: 8vw;
  }

  .arow img,
  .arow-left img {
    width: 7.5vw;
    height: 7.5vw;
    object-fit: contain;
  }
  .progress-bar {
    position: relative;
    width: 8.94vw;
    height: 0.6vw;
    background-color: #ccc;
    border-radius: 0.14vw;
    overflow: hidden;
  }

  /* === DISCOVER SECTION === */
  /* .product-wrapper .l-wrap {display: block;}  */
   .product-wrapper .l-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
.product-wrapper .col-four {width: calc(((100%) / 12) * 6) !important;     padding-left: 1.04vw !important;
    padding-right: 1.04vw !important;} 
  .discover .l-wrap {display: block;} 
  
      .discover .l-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
.discover .col-four {width: calc(((100%) / 12) * 6) !important;     padding-left: 1.04vw !important;
    padding-right: 1.04vw !important;} 
  .discover .discover_Sec {
    width: 100%;
    margin-bottom: 10vw;
  }
  .discover {
    padding: 0 4vw;
    margin-top: 10vw;
    margin-bottom: 10vw;
  }

  .l-wrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }

  .col-four,
  .col-full {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .pl,
  .pr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


  .discover .discover_Sec img {
    width: 100%;
    height: auto !important;
  }

  .discover .discover_Sec h4 {
    font-size: 4vw;
    line-height: 5.6vw;
    height: auto;
    padding: 3vw 0;
  }

  .discover .discover_Sec p {
    align-items: flex-start;
  }

  .discover .discover_Sec p .span1,
  .discover .discover_Sec p .span2,
  .discover .discover_Sec p .span3 {
    font-size: 3vw !important;
    line-height: 5vw !important;
    margin-bottom: 1.5vw;
  }
  .title {
    display: flex;
    flex-direction: column;
    gap: 4vw;
  }

  .title h5 {
    font-size: 4vw;
    text-align: center;
  }

  .title h2 {
    font-size: 6vw;
    text-align: center;
  }

  .sec2 {
    text-align: center;
    margin-top: 5vw;
  }

  .sec2 .pro {
    display: inline-flex;
    align-items: center;
    gap: 2vw;
    font-size: 4.2vw;
  }

  .arrow-icon {
    width: 5vw;
    height: 5vw;
  }

  /* cat slider========== */

  .cat-slider-container {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .cat-slider-heading {
    flex-direction: column;

    gap: 4vw;
    align-items: flex-start;
  }

  .cat-slider-heading h2 {
    font-size: 6vw;
  }

  .cat-slider-heading p {
    font-size: 3.5vw;
    line-height: 1.5;
    max-width: 100%;         margin-bottom: 18px;
  }

  .cat-slider-content {
    width: 100%;
    justify-content: flex-start;
  }

  .cat-slider-content p {
    font-size: 3vw;
  }

  .cat-card {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .cat-card>img {
    width: 100%;
    height: 62vw !important;
    border-radius: 3vw;
  }

  .cat-card-content {
    padding: 3vw 2vw;
  }
  .expt {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .cat-card-content h3 {
    font-size: 4vw;
    line-height: 5vw;
    gap: 2vw;
  }

  .cat-card-content h3 img {
    width: 4vw !important;
  }
  .cat-slider-content p {
    text-align: center;
  }

  .cat-card-content p {
    font-size: 3vw;
    width: 100%;
    line-height: 4vw;
  }
  .cat-carousel .owl-nav {
    display: none !important;
  }

  .cat-carousel-wrapper {
    overflow: hidden;
  }

  .cat-carousel {
    overflow: visible;
  }

  .cat-carousel .owl-nav {
    display: none !important;
  }

  .cat-slider-progress {
    height: 0.5vh;
    width: 80%;
    margin-top: 6vw;
  }

  /* marquee-bar section  */

  .marquee-bar {
    padding: 2vw;
  }

  .marquee-bar li {
    font-size: 3vw;
    line-height: 1.5;
  }
  .marquee-bar marquee{
    font-size: 3vw;
    line-height: 1.5;
  }

  .marquee-bar ul {
    gap: 8vw;
  }
  .row {
    flex-direction: column;
    width: 100%;
  }

  .row-img,
  .row-content {
    width: 100%;
  }

  .row-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
  }

  .row-content {
    padding: 5vw 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .row-founded {
    width: 100%;
    gap: 4vw;
  }

  .row-founded small {
    font-size: 3vw;
    line-height: 4.5vw;
  }

  .row-founded h2 {
    font-size: 6vw;
    line-height: 8vw;
    text-align: left;
  }

  .row-founded h4 {
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .row-founded p {
    font-size: 3vw;
    line-height: 5vw;
  }

  .row-founded a {
    font-size: 3vw;
    padding: 2vw 4vw;
    gap: 2vw;
    margin-top: 4vw;
  }

  .row-founded a svg {
    width: 3vw;
    height: 3vw;
  }

  .row-founded img {
    width: 4vw;
    height: 4vw;
    object-fit: contain;
  }
  .mobile {
    display: block;
  }

  .row-img {
    order: -1;
  }

  /* trust section========= */
  .trust-shop {
    flex-direction: column;
    padding: 10vw 5vw;
    text-align: center;
  }

  .trust-shop-content {
    width: 100%;
    gap: 4vw;
  }

  .trust-shop-content h4 {
    font-size: 5vw;
    line-height: 6vw;
  }

  .invite {
    font-size: 4vw;
    line-height: 5vw;
  }

  .trust-shop-content p {
    text-align: center;
    font-size: 3vw;
    line-height: 5vw;
  }

  .pro {
    font-size: 4vw;
    padding: 3vw 5vw;
    margin-top: 5vw;
    gap: 3vw;
  }

  a.pro svg {
    width: 3.39vw;
    height: 3.39vw;
  }

  /* ========cathlog===== */

  .catalog-label {
    display: none;
  }

  .catalog-content-wrapper {
    flex-direction: column;
    width: 100%;
    padding: 5vw;
    gap: 6vw;
  }

  .catalog-text {
    width: 100%;
    gap: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .catalog-text small {
    font-size: 3vw;
  }

  .catalog-text h2 {
    font-size: 6vw;
    line-height: 8vw;
  }

  .catalog-text p {
    text-align: center;
    font-size: 3vw;
    line-height: 5vw;
  }

  .catalog-text a {
    font-size: 4vw;
    padding: 3vw 4vw;
    gap: 2vw;
    margin-top: 4vw;
  }

  .catalog-text a svg {
    width: 3vw;
    height: 3vw;
  }

  .catalog-image {
    width: 100%;
  }

  .catalog-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .Brows {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4vw;
  }

  /* new customer testimonial-section  */

  .testimonial-section {
    padding: 8vw 4vw;
  }

  .section-title {
    font-size: 6vw;
    margin-bottom: 6vw;
  }

  .slid_content {
    width: 90%;
    flex-direction: column;
  }

  .testimonial-carousel .testimonial-slide {
    padding: 0;
    margin-bottom: 6vw;
  }

  .testimonial-text {
    font-size: 3vw;
    line-height: 6vw;
    text-align: center; width: 70vw;
        margin: 0 auto;
  }
  .testimonial-slide .slid_content p{
    font-size: 3vw;
    line-height: 6vw;
    text-align: center; width: 70vw;
        margin: 0 auto;
  }

  .quote-icon {
    width: 6vw !important;
    height: 6vw;
  }

  .quote-left {
    position: relative;
    transform: rotate(180deg);
    top: 4vw;

    /* right: 1vw; */
    right: 3.2vw;

    /* margin-left: 330px; */
    width: fit-content;
  }

  .quote-right {
    position: relative;
    right: 0;
    margin-top: -7vw;
    margin-left: 280px;
    width: fit-content;
  }
  .testimonial-carousel .testimonial-slide {
    align-items: center;
    text-align: center;
  }

  .user-info {
    margin-top: 4vw;
    gap: 3vw;
  }

  .user-info span {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .advice,
  .advice img {
    width: 6vw !important;
    height: 6vw !important;
  }

  .custom-nav {
    top: auto;
    bottom: 43vw;
    width: 100%;
    padding: 0 1vw;
  }

  .custom-nav img {
    width: 4.78vw;
    height: auto;
  }

  .custom-prev,
  .custom-next {
    width: 6vw;
    height: 6vw;
  }

  .cat-slider-progress {
    height: 1vw;
        max-width: 60vw;
        margin-top: 2vw;
        margin-bottom: 5vw;
  }

  .cat-slider-indicator {
    font-size: 3vw;
  }

  .user-info img {
    width: 6vw;
    height: 6vw;
  }

  /* fitness section  */
  .fitness-list {
    width: 94.44vw;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;

    box-sizing: border-box;
  }
  .fitness-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10vw;
  }

  .fitness-card-content h3 {
    font-size: 4vw;
  }

  .fitness-card-content h3 img {
    width: 5.67vw;
  }

  .fitness-card-content p {
    font-size: 3vw;

    width: 100%;
  }

  /* footer======== */

  footer {
    padding: 4vw;
  }
  footer .l-wrap {
    display: flex;
    flex-direction: column;
  }

  footer .col-three {
    width: 100% !important;
    float: none;
    text-align: start;
  }

  footer .col-three p {
    font-size: 3vw;
    line-height: 4vw;
    width: 100% !important;
    padding-right: 0 !important;
  }

  footer .col-three img {
    width: 40vw;
  }

  .text-head {
    width: 100%;

    margin-right: 4px;
  }
 .payment img{margin-top:3vw;}
 .social-icon img{margin-top:3vw;}
  .l-wrap .col-eight {
    width: 100%;
    padding-left: 1.04vw;
    padding-right: 1.04vw;
    float: left;
  }
  footer .text-head h4 {
    line-height: 4vw;
    font-size: 3vw;
    padding-bottom: 0vw;
  }

  footer .text-head li a {
    font-size: 3vw;
    line-height: 5vw;
  }

  footer .payment img,
  footer .social-icon img {
    width: 8vw;
    margin-right: 2vw;
  }

  .copyright {
    border-top: 1px solid #a3a3a3; 
    padding: 3vw;
    text-align: center;
  }

  .copyright p {
    font-size: 3vw;
    line-height: 4vw;
  }
}

/* item detail======== */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.page-link {min-width: 25px !important;}
  .tab-content td, .tab-content ul li{font-size: 3vw;
    line-height: 4vw; color: #525252;}
	.tab-content td img{width:100%;}
	.tab-container .tab-content ul {padding-left: 4.3vw !important;} 
  .product-detail {
    padding: 0vw 4vw;
  } 
  .all-product { 
   
  padding: 1.39vw 4vw; 
} 
  .all-product h2 {
    font-size: 7vw;
        margin-top: 7vw;
  }
  .bg1 p.review {
    font-size: 3vw;
    line-height: 2vw; 

    padding: 1vw 2vw; left: 0;
    top: 1vw;
        position: relative;
        background: 0;
        border: 0;
  }
  #lens {display:none !important;}
  #zoomBox {display:none !important;}
  .review img {
    width: 2.97vw; 
}
  #mainImg {
    height: 60vw;
  }
  .thumb {
    width: 20vw;
    height: 20vw;
    margin-right: 0.96vw;
    object-fit: cover;
    cursor: pointer;
    border: 1px solid #e5e5e5;
  }
.office_friendly .inner-content ul {
    padding-left: 15px;
}
.mob_col_reverse .l-wrap { flex-direction: column-reverse; }
  .thumb-arrow {
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    border: 0;
    top: 40%;
    /* padding: 0.21vw 0.35vw; */
    z-index: 99;
  }
  .thumb-arrow img {
    width: 5.25vw;
  }
  .all-product small,
  .all-product span {
    font-size: 3.5vw;
    font-weight: 400;
  }

  .all-product small a {
    font-size: 3vw; line-height: 5.39vw;
  }

  .l-wrap .col-five0,
  .l-wrap .col-seven {
    width: 100%;
  }
  .sk {
    margin-top: 5vw;
    border-bottom: 2px solid #315467;
  }

  .sku {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

  .product-title {
    font-size: 5vw;
    line-height: 6vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
  }

  .product-description {
    font-size: 3.5vw;
    line-height: 5vw;
    margin-bottom: 4vw;
  }
  .product-description ul{
     padding-left:5vw;
  } 
  .product-description ul li{
    font-size: 3.5vw;
    line-height: 5vw;
    margin-bottom: 2vw; padding-left:3vw;
  }

  .product-description a {
    font-size: 3.5vw;
  }
  .price .discount {
    color: #315467;
    font-weight: 500;
    font-size: 3vw;
  }

  .new-price {
    font-size: 5vw;
    line-height: 5vw;
  }

  .old-price {
    font-size: 3.5vw;
    margin-left: 1.5vw;
  }

  .discount {
    font-size: 3.2vw;
    margin-left: 1.5vw;
  }

  .shipping-note {
    font-size: 3vw;
    line-height: 4vw;
  }

  .quantity-section {
    gap: 1.5vw;
    padding-bottom: 4vw;
  }

  .quantity-section label {
    font-size: 3.5vw;
    padding-bottom: 5px;
  }

  .quantity-controls {
    gap: 2vw;
  }

  .minusbtn,
  .plusbtn {
    width: 8vw;
    height: 8vw;
  }

  .plusbtn svg,
  .minusbtn svg {
    width: 5vw;
  }

  .quantity-controls input {
    width: 8vw;
    font-size: 4vw;
  }

  .actions {
    gap: 2.5vw;
    padding-bottom: 4vw;
    /*flex-wrap: wrap;*/
  }

  .customize-btn {
    width: 48%;
    height: auto;
    padding: 3vw 4vw;
    font-size: 4vw;
  }
  .add-to-cart-btn {
    width: 100%;
    height: auto;
    padding: 3vw 4vw;
    font-size: 3vw;         height: 10vw;
  }

  .add-to-cart-btn img {
    width: 5vw;
  }

  .customize-btn {
    font-size: 3vw;
    border-width: 1px;   height: 10vw;
  }

  .wishlist-btn {
    width: 48%;
    height: 10vw;
    padding: 3vw 4vw;
    font-size: 3vw;
  }

  .wishlist-btn svg {
    width: 4vw;
  }

  .info-strip {
    gap: 3vw;
    padding: 2vw 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .info-strip span {
    font-size: 3vw;
    gap: 2vw;
    line-height: 3vw;
  }

  .info-strip img {
    width: 4vw;
  }

  .info-strip strong {
    font-size: 3.5vw;
  }
  .ptab_sec {
    padding: 0 4vw;
    /* margin-top: 8vw; */
  }

  .ptab_sec .tab-content p {
    display: flex;
    align-items: flex-start; /* top align so span aur text same line pe ho */
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 3vw;
  }

  .ptab_sec .tab-content p span {
    width: 20%;
    min-width: 20%;
    flex-shrink: 0; /* span ki width kam na ho kabhi */
    font-weight: 400;
    color: #404040;
    display: inline-block;
  }

  .ptab_sec .tab-content p::after {
    content: "";
    flex: 1; /* baaki jagah text le sake */
  }

  .ptab_sec .tabs {
    flex-wrap: wrap;
  }

  .ptab_sec .tabs button {
    font-size: 2.8vw;
  }

  .ptab_sec .tab-content {
    padding: 4vw;
  }

  .imp_notes {
    padding: 0 4vw;
    margin-top: 8vw;
  }

  .imp_notes .col-four,
  .imp_notes .col-nine,
  .imp_notes .inner-img img {
    height: auto;
    width: 100%;
  }

  .imp_notes .inner-content {
    padding: 5vw 4vw;
  }

  .imp_notes .inner-content h5 {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 4vw;
  }

  .imp_notes .inner-content p,
  .imp_notes .inner-content li {
    font-size: 3vw;
    line-height: 5vw;
    margin-bottom: 3vw;
  }

  .imp_notes .inner-content ol {
    padding-left: 4vw;
  }

  .office_friendly {
    margin-top: 8vw;
  }

  .office_friendly .col-half,
  .office_friendly .inner-img img {
    height: auto;
    width: 100%;
  }

  .office_friendly .inner-content {
    padding: 6vw 4vw;
  }
  .desktop {
    display: none;
  }
  .office_friendly .inner-content h5 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .office_friendly .inner-content h4 {
    font-size: 5vw;
    line-height: 7vw;
    margin-bottom: 5vw;
  }

  .office_friendly .inner-content p,
  .office_friendly .inner-content li {
    font-size: 3vw;
    line-height: 5vw;
    margin-bottom: 3vw;
  }

  .title h2 {
    font-size: 5vw;
    line-height: 7vw;
    margin-bottom: 3vw;
  }

  .title h5 {
    font-size: 4vw;
    line-height: 5vw;
  }

  .customer_say {
    padding: 0 4vw;
    margin-top: 8vw;
  }

  .customer_say .l-wrap {
    padding: 6vw 4vw;
    margin-top: 8vw;
  }

  .customer_say p.p1,
  .customer_say p.p5 {
    font-size: 3vw;
    line-height: 5vw;
  }

  .customer_say p.p1 img {
    width: 4vw;
  }

  .customer_say .sec1 {
    padding: 4vw;
    margin-top: 5vw;
  }

  .customer_say p.p2 img {
    width: 3vw;
    margin-right: 1vw;
  }

  .customer_say p.p3 {
    font-size: 4vw;
    line-height: 6vw;
    padding: 3vw 0;
  }

  .customer_say p.p4 {
    font-size: 3vw;
    line-height: 5vw;
    padding-bottom: 4vw;
  }

  .customer_say p.p5 img {
    width: 6vw;
    margin-right: 2vw;
  }

  .readmore_button {
    font-size: 3vw;
    padding: 2vw 3vw;
    gap: 2vw;
    margin-top: 5vw;
    border-width: 1px;
  }

  .readmore_button svg {
    width: 3vw;
  }
  .l-wrap .col-half {
    width: 100%;
  }
}

/* blog================ */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .blog-container {
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .blog-ctr {
    padding: 0vw 0vw;
    width: 100%;
  }

  .blogcard-width {
    flex-direction: column;
    width: 100%;
  }

  .blogcard-ctr {
    width: 100%;
    padding: 4vw;
    gap: 4vw;
  }

  .blogbig {
    flex-direction: column;
    gap: 5vw;
  }

  .fitnessblog-card {  margin-bottom: 3vw;
    border-radius: 8px;
    width: 100%;
    gap: 2vw;
  }

  .fitnessblog-imgbox {
    height: 50vw;
  }

  .fitnessblog-imgbox img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .fitness-content h3 {
    font-size: 4vw;
    line-height: 6vw;
    margin-bottom: 2vw;
  }

  .fitness-content h3 img {
    width: 5vw;
    top: 0;
    right: 0;
  }

  .fitness-content p {
    font-size: 3vw;
    width: 100%;
  }

  .blogsearch-card {
    width: 100%;
    padding: 4vw;
  }

  .search {
    padding: 4vw;
  }

  .search h3,
  .search h4 {
    font-size: 4vw;
    margin-bottom: 2vw;
  }

  .search-box input {
    height: 10vw;
    padding: 2vw 4vw 2vw 2vw;
  }
  .search-box input::placeholder {
    font-size: 3vw;
  }

  .search-box img {
    width: 4vw;
    margin-top: 0;
    margin-left: 2vw;
  }

  .category-list li {
    font-size: 3vw;
    line-height: 5vw;
    padding: 2vw 0;
  }

  .recent-posts {
    gap: 3vw;
  }

  .post-card {
    gap: 3vw;
    padding: 3vw;
    flex-direction: row;
  }

  .post-card img {
    width: 15vw;
    height: 15vw;
  }

  .post-card p {
    font-size: 3vw;
  }
  .pagination {
    flex-wrap: wrap;
    gap: 1vw;
    margin-top: 6vw;
    margin-bottom: 8vw;
  }

  .pagination a,
  .pagination .dots {
    font-size: 3vw;
    padding: 1vw 2vw;
  }

  .pagination .prev,
  .pagination .next {
    font-size: 3vw;
    padding: 1vw 2vw;
    gap: 2vw;
  }

  .pagination .next img,
  .pagination .prev img {
    height: 3vw;
  }
}

/* checkout================== */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .checkout-container {
    justify-content: center;
    flex-direction: column;
  }
  .checkout-form {
    width: 100%;
    display: flex;

    flex-direction: column;
    gap: 1.67vw;
  }
  .checkout-container {
    padding: 0vw 4vw;
  }
  .checkout-contact h2 {
    font-size: 5vw;
  }
  .checkout-contact p {
    font-size: 3vw;
  }

  .checkout-contact a {
    font-size: 3vw;
  }

  .checkout-email {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2.13vw 4.26vw;
    border: 1px solid #e5e5e5;
  }

  .checkout-email input {
    width: 100%;
    border: none;
    height: 9.6vw;
  }

  .checkout-email2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    gap: 1.07vw;
  }

  .checkout-email2 span {
    color: #737373;
    font-size: 3vw;
    font-weight: 500;
  }

  .checkout-container input.ck {
    width: 5.33vw !important;
    display: flex;
  }

  .shipping-form {
    width: 100%;
    background: white;
    margin: auto;
  }

  .shipping-form h2 {
    color: #404040;
    font-weight: 600;
    font-size: 4.8vw;
    margin-bottom: 4.8vw;
  }

  .shipping-form h5 {
    color: #404040;
    font-family: Manrope;
    font-weight: 600;
    font-size: 3vw;
    line-height: 4vw;
    margin-bottom: 2.66vw;
  }

  #country,
  #country option,
  #state {
    color: #737373;
  }

  .form-group {
    margin-bottom: 2vw;
        border: 1px solid #e5e5e5;
        padding: 2.13vw 3.26vw;
  }

  .form-row {
    display: flex;
    flex-direction: column;
    gap: 0vw;
  }

  .form-row .form-group {
    flex: 1;
  }

  .checkout-container input,
  .checkout-container select {
    width: 100%;
    height: 6.6vw;
    border: none;
    outline: none;
    font-size: 3vw ;
  }
  .checkout-container input[type="radio"] {
    width: auto;
    height: auto;
    transform: scale(1.2);
}
  .payment-method input[type="radio"] {
  -webkit-appearance: radio; /* force native on iOS WebKit */
  appearance: radio;
  width: 1.1rem;              /* explicit size */
  height: 1.1rem;
  margin-left: auto;
  transform: none;           /* temporarily remove transform issues */
  border: 2px solid #004057; /* visible border fallback */
  background-color: #fff;    /* ensure contrast */
  accent-color: #004057;     /* modern browsers will use this */
  vertical-align: middle;
  position: relative;
  z-index: 1;
}

  input::placeholder {
    color: #737373;
    font-size: 3vw;
  }

  .shipping-address {
    background-color: #ffffff;
  }

  #from-radius {
    border-radius: 0vw;
  }

  .form-optional {
    font-size: 3vw;
    color: #e5e5e5;
  }

  .country-flag {
    display: flex;
    align-items: center;
    gap: 2.13vw;
  }

  .country-flag img {
    width: 6.4vw;
    height: 4.26vw;
    object-fit: cover;
  }

  .note {
    font-size: 3vw;
  }

  .icon {
    position: absolute;
    right: 2.6vw;
    top: 9.63vw;
    pointer-events: none;
    opacity: 0.6;
  }

  .relative {
    position: relative;
  }

  .payment-section {
    width: 100%;
  }

  .payment-section h4 {
    margin-bottom: 4.2vw;
    font-weight: 600;
    font-size: 4.8vw;
  }

  .payment-method {
    border: 1px solid #e5e5e5;
    margin-bottom: 2.13vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: background 0.3s;
    padding: 0 2.6vw;
  }

  .payment-method label {
    display: flex;
    align-items: center;
    gap: 2.6vw;
    width: 100%;
    cursor: pointer;
  }

  .payment-method img {
    width: 4vw;
    height: 4vw;
  }

  .express-checkout {
    text-align: center;
    margin-top: 5.2vw;
  }

  .divider {
    font-size: 3vw; margin-bottom: 20px;
  }

  .divider::before {
    left: 0;
  }

  .divider::after {
    right: 0;
  }

  .express-buttons {
    gap: 3vw;
  }

  .express-buttons button {
    flex: 1;
    max-width: 62.5vw;
    padding: 1vw 4vw;
  }

  .express-buttons img {
    width: 14vw;
  }

  .debit p {
    font-size: 3vw;
  }
  .checkout-order {
    width: 100%;
  }

  .note22 {
    background-color: #f1f8fa;
    padding: 4vw;
  }

  .note22 p {
    font-size: 3vw;
  }

  .tallchair {
    margin-top: 5.2vw; padding: 3.67vw; margin-bottom: 5.2vw;
  }

  .product-info {
    padding: 1vw;
  }

  .product-info img {
    width: 25.6vw;
    height: 30.2vw;
    margin-right: 3.1vw;
  }

  .product-details {
    display: flex;
  }

  .product-text {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }

  .product-text small {
    color: #737373;
    font-size: 3.1vw;
    font-weight: 500;
  }

  .product-text h3 {
    color: #404040;
    font-size: 4.26vw;
    font-weight: 400;
  }

  .price {
    display: flex;
    align-items: center;
    gap: 0;
  }

  .price .current {
    font-weight: 700;
    font-size: 4vw;
    color: #404040;
    margin-right: 1vw;
  }

  .price .original {
    text-decoration: line-through;
    color: #737373;
    font-size: 3vw;
    font-weight: 500;
  }

  .price .discount {
    font-size: 3vw;
  }

  .summary-header {
    color: #404040;
    font-size: 4vw;
    gap: 2vw;
  }

  .summary-header img {
    width: 4vw;
  }

  .coupon-section input {
    flex: 1;
    padding: 2.6vw;
  }

  .coupon-section button {
    font-size: 3vw;
  }

  .offers {
    padding: 2.6vw;
  }

  .offers img {
    width: 4vw;
  }

  .offers span {
    color: #404040;
    font-size: 3vw;
  }

  .totals span {
    font-family: Manrope;
    font-size: 3vw;
  }

  .total-label span span.vat {
    font-size: 3vw;
  }

  .total-label span {
    color: #404040;
    font-family: Manrope;
    font-weight: 600;
    font-size: 4vw;
  }

  .totals span.number {
    line-height: 6.4vw;
    font-weight: 600;
    color: #404040;
  }

  .pay-button {
    padding: 3vw;
  }

  .pay-button a {
    font-size: 4vw;
  }

  .footer-note {
    font-size: 3vw; padding: 3vw 0vw;
  }
}

/* product 2nd page========================= */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .filter-container span {
    font-size: 3vw;
  }

  .filter-container a {
    font-size: 3vw;
  }

  .filter-container .filter1 img {
    width: 3.67vw;
  }

  .top-bar1 {
    gap: 2vw;
    flex-direction: column;
    align-items: start;
  }
  .sort label img {
    width: 4vw;
  }
  .sort label {
    font-size: 3vw;
    line-height: 3.67vw;
  }
  #sort {
    outline: none;
    font-size: 3vw;
  }
  .content-area {
    flex-direction: column;
    padding: 4vw;
  }
  .product-wrapper {
    width: 100%;
  }
  .sec_product h3 a {
    font-size: 4vw;
    line-height: 5.6vw;
    height: auto;
    padding: 3vw 0;
  }
  .image-wrapper {
    height: auto;
    width: 100%;
    margin-bottom: 2vw;
  }
  .sec_product img {
    width: 158px;
        height: 170px;
        object-fit: cover;
        display: block;
  }

  .like-icon {
    position: absolute;
    top: 5vw;
    right: 5vw;
  }
  .wishlist-icon {
    width: 5vw;
  }
  .sec_product p {
   margin-top: 2vw;
  }
  .product-wrapper .sec_product {
    margin-bottom: 8.08vw;
}
  .sec_product p span.price1,
  .sec_product p span.strike,
  .sec_product p span.off1 {
    font-size: 3vw !important;
    line-height: 5vw !important;
    margin-bottom: 1.5vw;
  }
  .sec_product h3 { 
    height: auto; 
}
  .cart-icon {
    width: 4vw;
  }
  .cart-button {
    position: absolute;
    bottom: 3vw;
    right: 3vw;
    font-size: 3vw;
    line-height: 2.11vw;
    /* margin: 2vw; */
  }
  .filters-header span {
    font-size: 4vw;

    line-height: 4vw;
  }
  .filters-header a {
    font-size: 4vw;

    line-height: 4vw;
  }
  .filter-toggle.active {
    font-size: 3.5vw;

    line-height: 4vw;
  }
  .filter-content label {
    gap: 1vw;
    font-size: 3vw;

    line-height: 4vw;
  }
  .subfilter-toggle {
    display: flex;
    color: #315467;
    font-size: 3vw;
    line-height: 4vw;

    padding-left: 5.39vw;
  }
  .subfilter-toggle::before {
    left: 2vw;
    top: 50%;

    font-size: 4vw;

    line-height: 0.83vw;
  }
  .filter-toggle:not(.subfilter-toggle)::before {
    width: 3vw;
    height: 3vw;
    background-size: 100% 100%;
  }
  .filter-sidebar .alpha {
    padding: 4vw;
  }
  .alphabet a {
    /* cursor: pointer; */
    font-size: 3vw;
    line-height: 4vw;

    width: 8.81vw;
  }
  .clear-filters {
    font-size: 3vw;
    line-height: 4vw;
  }
  .filter-sidebar {
    width: 100%;
  }

  .top-barr {
    padding: 0 4vw;
  }
}

/* product color page========= */

@media only screen and (min-width: 320px) and (max-width: 767px) {
  .buil-heading {
    font-size: 5vw;
    line-height: 6vw;
  }
  .buil-heading img {
    width: 6.78vw;
  }

  .build-chair p {
    font-size: 3vw;
    line-height: 4vw;
  }
  .build-chair {
    width: 100%;
  }
  .color-container {
    width: 100%;
  }
  .gradebox {
    width: 100%;
  }
  .col-seven {
    width: 100vw;
  }

  .colorprice-section,
  .colorquantity-section,
  .color-shiping {
    width: 30%;
  }
  .sku {
    font-size: 4vw;
    line-height: 4.5vw;
  }

  .colornew-price {
    font-size: 3.08vw;
    line-height: 4.5vw;
  }
  .coloestarting-price {
    font-size: 2.83vw;

    line-height: 3vw;
  }
  .coloestarting-price span {
    font-size: 2.83vw;

    line-height: 3vw;
  }
  .color-shiping label {
    font-size: 3.12vw;

    line-height: 4.11vw;
  }
  .shipping-charges {
    font-size: 3vw;

    line-height: 4.39vw;
  }
  .colorquantity-section label {
    font-size: 3vw;

    line-height: 5vw;
  }
  
  .fabric-color h2 {
    font-size: 4vw;

    line-height: 7.5vw;
  }

  .fabric-color span {
    font-size: 3vw;
    font-weight: 400;
    line-height: 4vw;
  }

  .fabric-color a {
    font-size: 3vw;
    line-height: 4vw;
  }

  .fabric-color img {
    width: 3vw;
  }

  .grade-header p {
    font-size: 3vw;
    line-height: 4vw;
  }

  .info-icon {
    display: flex;

    font-size: 2.5vw;
  }

  .grade-header img {
    width: 3vw;
  }

  .colors-row {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.7vw;
    padding-left: 2vw;
  }

  #country {
    font-size: 3vw;
    color: #737373;
  }

  .color-swatch {
    width: 15vw;
  }

  .swatch-code {
    font-size: 3vw;
    line-height: 4vw;
    color: #737373;
  }

  .swatch-name {
    font-size: 3vw;
    line-height: 4vw;
    color: #404040;
  }

  .color-circle {
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    margin-bottom: 0.56vw;
    border: 2px solid transparent;
  }

  .step-nav-left button,
  .next-btn {
    font-size: 3vw;
    line-height: 4vw;
  }

  .next-btn img {
    width: 5vw;
  }

  .step-nav-left button img,
  .next-btn img {
    width: 5vw;
  }

  .step-nav-center {
    font-size: 3.11vw;
  }

  .progress-percentage {
    font-size: 3vw;
    font-size: 4vw;
  }

  .progress-text .left {
    font-size: 3vw;
    font-size: 4vw;
  }

  .progress-bar-bg {
    width: 100%;
    height: 2.39vw;
    background: #f6f0eb;
  }

  .uphold {
    font-size: 3vw !important;
        line-height: 4vw !important;
		width:100%;
  }

  .question-img img {
    width: 4vw;
  }

  .arm-img img {
    width: 29.42vw;
  }

  .arm-child {
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: start;
    border: 0.07vw solid #eee;
    padding: 1.39vw;  position: relative;
  }
.arm-child .question-img{position: absolute;
    right: 2vw;}
  .arm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2.56vw;
  }
.grade-section { 
    margin: 0 auto;
}
    .box_height .select_box {
        font-size: 3vw;
        color: #737373;
    }
	    .box_height img {
        width: 3.78vw !important;
        height: 3.78vw !important;
    }
  .seat-child {
    width: 100%;
  }

  .seat-price {
    font-size: 3vw;
    line-height: 5vw;
  }

  .step-nav-container {
    gap: 3vw;
  }

  .height img {
    width: 3.78vw;
    height: 3.78vw;
  }

  .item-title {
    line-height: 4vw;
    font-size: 3vw;
  }

  .item-price {
    line-height: 4vw;
    font-size: 3vw;
  }

  .item-detail {
    font-size: 3vw;
    line-height: 4vw;
  }

  .my-selections h2 {
    color: #333;
    font-size: 3.53vw;
    line-height: 6vw;
  }

  #addToCart {
    font-size: 4vw;
  }

  #customize img {
    width: 3.04vw;
  }

  #customize {
    font-size: 4vw;
  }

  .cart-header p {
    font-size: 5.5vw;
    line-height: 6.78vw;
  }

  .cart-panel {
    position: fixed;
    top: 0;
    right: -100vw;
    width: 100vw;
    height: 100%;
  }

  .cart-header span {
    font-size: 3vw;
    line-height: 4vw;
    font-weight: 500;
    line-height: 1.67vw;
    color: #737373;
  }

  .personalized p {
    font-size: 2.97vw;

    line-height: 4.11vw;
  }

  .p-product a {
    color: #404040;
    line-height: 4.39vw;
    font-size: 3vw;
    font-weight: 600;
    text-decoration: none;
  }

  .p-product {
    gap: 1.39vw; display:block;
  }

  .cartcard-heading h2 {
    color: #404040;
    font-weight: 700;
    font-size: 4.11vw;
    line-height: 6.67vw;
  }

  .cart-card {
    width: 48.7%;
  }

  .content_sec h4 {
    font-size: 4vw;
    line-height: 6vw;
    font-weight: 400;
    color: #262626;
  }

  .span1 {
    font-size: 3vw;
    line-height: 4vw;
  }

  .span2 {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }

  .span3 {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }
  .product-detail .col-seven {
        margin-top: 8vw;
    }
	.product-detail .height { 
    font-family: Arial, sans-serif;
    padding: 2.69vw;
}
    .product-detail .height img {
        width: 4.78vw;
        height: 4.78vw;
    }
	.tallcart .quantity-controls p { 
    font-size: 2.83vw;
        line-height: 7.11vw; 
}
.cartcard-container .cart-card {
    width: 49%;
}
}




@media only screen and (min-width: 320px) and (max-width: 767px) {
  .about-heading p {
    font-size: 7.56vw;
    line-height: 10.33vw;
  }

  .about-container {
    padding: 0vw 4vw;
  }

  .about-begin {
    flex-direction: column;
    display: flex;
    gap: 3vw;
  }

  .begining {
    align-items: center; 
    width: 100%;
    display: flex;
  }

  .begining p {
    font-family: Graphik Trial;
    font-size: 4.67vw;
    line-height: 5.22vw;
    color: #315467;
    font-weight: 500;
  }

  .begining-content p {
    font-family: Manrope;
    font-size: 3vw;
    line-height: 4vw;
    color: #737373;
    font-weight: 500;
  }

  .mission-container {
    padding: 0vw 4vw;
    margin-top: 8vw;
  }

  .mission-sub {
    font-size: 4.25vw;
    line-height: 5.94vw;
  }

  .mission-mainheading {
    font-size: 5.5vw;
    line-height: 6.78vw;
  }

  .mission-goal {
    width: 100%;
  }

  .mission-wrapHeading {
    font-family: Graphik Trial;
    font-size: 3.67vw;
    line-height: 4.22vw;
  }

  .mission-wrapcontent {
    font-family: Manrope;
    font-size: 3vw;
    line-height: 4vw;         overflow-wrap: anywhere;
  }

  .goal-image img {
    width: 40vw;
  }

  .solution-main {
    gap: 6vw;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .solution-contentpara {
    color: #737373;
    font-size: 3vw;
    line-height: 4vw;
    font-family: Manrope;
    font-weight: 500;
    text-align: center;
  }

  .solution-cont {
    width: 100%;
  }

  .solution-content {
    width: 100%;
  }

  .soliution-img {
    width: 100%;
  }

  .solution {
    width: 100%;
    padding: 8.56vw 4vw;
    background-color: #f1f8fa;
    margin-top: 8vw;
  }

  .solution-contentheading {
    color: #315467;
    font-size: 4vw;
    line-height: 5.22vw;
  }

  .quote22 img {
    width: 6.61vw;
  }

  .quot1 img {
    width: 6.61vw;
  }

  .mission-container {
    margin-top: 8vw;
  }

  .recognation {
    font-size: 6vw;
    line-height: 9vw;
  }

  .recognation-cont {
    font-size: 3vw;
    line-height: 4vw;
  }

  .award-discription {
    color: #404040;
    font-size: 3vw;
    line-height: 5vw;
    font-family: Manrope;
    font-weight: 400;
  }

  .award-image img {
    width: 30vw;
    object-fit: cover;
    height: auto;
  }

  .award-date {
    color: #315467;
    font-size: 3.25vw;
    line-height: 4.94vw;
    font-family: AmpleSoft Pro;
    font-weight: 400;
  }
  .award-name {
    flex-direction: column; padding:5.67vw 3.67vw;
  }

  .award-name2 {
    color: #404040;
    font-size: 5.67vw;
    line-height: 7.22vw;
    font-family: Graphik Trial;
    font-weight: 500;
  }

  .award {
    width: 100%;
    padding: 0vw 4vw;
  }

  .kudos-box h4 {
    font-weight: 400;
    color: #315467;
    font-size: 4vw;
    line-height: 5.94vw;
    font-family: AmpleSoft Pro;
  }

  .kudos-box li {
    font-family: Manrope;
    margin-bottom: 8px;
    color: #737373;
    font-size: 3vw;
    line-height: 4vw;
    font-weight: 700;
  }

  .kudos-box strong {
    font-family: Manrope;
    color: #000;
    font-size: 3vw;
    line-height: 4vw;
    font-weight: 700;
  }

  .kudos-box ul {
    padding-left: 7vw;
  }

  .rest-main {
    gap: 6vw;
    align-items: center;
    flex-direction: column;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .rest-image {
    width: 100%;
  }

  .rest-content {
    gap: 2vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .rest-heading {
    color: #404040;
    font-size: 5vw;
    line-height: 7.22vw;
    font-weight: 500;
    font-family: Manrope;
  }

  .rest-subheading {
    color: #315467;
    font-size: 4vw;
    line-height: 6vw;
    font-weight: 500;
    font-family: Manrope;
  }
  .mission-main {
    gap: 4.5vw;
  }

  .rest-para {
    color: #737373;
    font-size: 3vw;
    line-height: 5vw;
    font-weight: 400;
    font-family: Manrope;
  }

  .rest-container {
    width: 100%;
    padding: 0vw 4vw;
    margin-bottom: 8vw;
  }

  .rest-btn a {
    color: #315467;
    font-size: 4vw;
    line-height: 6vw;
    padding: 1.83vw 3.11vw;
    gap: 3.11vw;
  }

  .rest-btn img {
    width: 5.67vw;
  }

  .award-rating {
    gap: 3.11vw;
  }
  .mission-wrap {
    gap: 3.67vw;
  }
}




@media only screen and (min-width: 320px) and (max-width: 767px) {
  .contact-flex {
    gap: 8vw;
    display: flex;
    flex-direction: column;
  }

  .contact-section {
    padding: 0 4vw;
  }

  .contact-section .block-title,
  .contact-section .days,
  .contact-section .note,
  .contact-section .block-cont {
    font-size: 3vw;
    font-weight: 500;
    line-height: 3.5vw;
  }
  .surface-container .block-title {
    font-size: 3vw;
    font-weight: 500;
    line-height: 3.5vw;
  }

  .contact-section .time,
  .contact-section .block-mail {
    font-size: 4vw;
    font-weight: 500;
    line-height: 6vw;
  }
  .surface-container .block-mail {
    font-size: 4vw;
    font-weight: 500;
    line-height: 6vw;
  }

  .surface-container .surface-mail {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 4vw;
  }

  .surface-container .surface-container {
    margin-top: 4.86vw;
    padding: 4vw;
    background-color: #f1f8fa;
  }

  .surface-container .surface-img {
    display: flex;
    flex-direction: column;
    gap: 3vw;
  }
.surface-container {
    margin-top: 7.86vw;
    padding: 6.08vw 4vw; 
}
  .surface-container .qr-box img {
    width: 100%;
        height: 100%;
  }

  .surface-container .qr-box p {
    font-size: 3vw;
    line-height: 4vw;
    margin-top: 0.69vw;
    color: #315467;
  }

  .surface-container .qr-box {
     
        gap: 7vw; 
        padding: 7.11vw 11.22vw;
  }

  .surface-container .mail-image img {
    width: 91.61vw;
    border-radius: 3.56vw;
    object-fit: cover;
  }

  .faq-section {
    padding: 0vw 4vw;
    margin: 15vw 0vw;
  }

  .faq-section.question span {
    font-size: 3vw;
    line-height: 4vw;
    font-weight: 500;
    color: #404040;
    margin-right: 1vw;
  }

  .faq-section .question p {
    font-size: 3vw;
    line-height: 4vw;
    font-weight: 500;
    color: #404040;
  }

  .faq-section .question {
    margin: 3vw 0vw;
    display: flex;
    align-items: start;
  }

  .faq-section .toggle-arrow {
    width: 6.22vw;
    height: 6.22vw;
    transition: transform 0.3s ease;
  }

  .faq-section .main-title {
    font-size: 10vw;

    line-height: 14vw;
  }

  .faq-section .answer {
    display: none;
    margin-top: 0.69vw;
    margin-left: 0vw;
    width: 95%;
    font-size: 3vw;
    font-weight: 500;
    line-height: 4vw;
  }
  .faq-section .answer p{ 
    font-size: 3vw; 
    line-height: 4vw; margin-bottom: 3.69vw;
  }
  

  .faq-section h2 {
    font-size: 5vw;
    font-weight: 600;
    line-height: 9.78vw;
    color: #404040;
  }

  .faq-section .tabs {
    margin: 5vw 0;
  }

  .faq-section .tabs button {
    font-size: 3.8vw;
    line-height: 5vw; width: 100%; padding: 1.69vw 2.39vw;
}

  .faq-section .faq-section small {
    font-size: 3vw;
    line-height: 4vw;
  }
  
  .faq-list {
    position: relative !important;
    transform: none !important;
    opacity: 1 !important;
    width: 100% !important;
    pointer-events: all !important;
  }

  .faq-list:not(.active) {
    display: none !important;
  }
  
  
   
}




/* profile page css */


 .profile-page {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: start;
      padding: 0vw 2.08vw;

    }

    .profile-container {
      width: 22vw;
      display: flex;

      flex-direction: column;
      gap: 1.67vw;

    }


    .profile-rightcontainer {
      width: 74vw;
      display: flex;
      margin-bottom: 4vw;
      flex-direction: column;
      gap: 1.67vw;
      border: 1px solid #ddd;

    }

    .profile-header {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #ddd;
      background-color: #FAFAFA;
      padding:1.39vw;

    }

    .profile-info {
      display: flex;
      align-items: center;
      gap: 1.11vw;
    }

    .profile-info img {
      width: 9.39vw;
      height: 9.39vw;
      border-radius: 50%;
      object-fit: cover;
    }

    .profile-heading {
      font-size: 1.67vw;
      font-weight: 500;
      line-height: 2.22vw;
      font-family: Graphik Trial;
      color: #404040; margin-bottom: 0.7vw;
    }

    .profile-sub-heading {
      font-size: 1.11vw;
      font-weight: 600;
      line-height: 1.67vw;
      font-family: Manrope;
      color: #737373;
    }

    .profile-num {
      font-size: 1.11vw;
      font-weight: 600;
      line-height: 1.67vw;
      font-family: Manrope;
      color: #737373;
    }


    .edit-btn {
      padding: 0.56vw 0.56vw;
      border: 0.07vw solid #315467;
      color: #404040;
      font-size:0.83vw;
      font-weight: 600;
      line-height: 1.11vw;
      font-family: Manrope;
      cursor: pointer;
      transition: 0.3s;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.87vw;
    text-transform: uppercase;
    }

    /* Quick Stats */
    .quick-stats {
      width: 100%;

      padding: 0px 1.67vw;
      display: flex;
      flex-direction: column;
      gap:0.56vw;



    }

    .quick {
      display: flex;
      justify-content: space-between;
    }

    .stat-card {
      width: 16.88vw;
      border: 1px solid #DBE0E5;
      padding: 1.67vw;


    }

    .quick-heading p {
      font-size: 1.25vw;
      font-weight: 500;
      line-height:1.94vw;
      font-family: Manrope;
      color: #404040;

    }

    .stat-card-number {
      font-size:1.67vw;
      line-height: 1.67vw;
      color: #315467;
      font-family: Manrope;
      font-weight: 600; margin-bottom: 0.4vw;
    }

    .stat-card-order {
      font-size: 1.11vw;
      line-height: 1.67vw;
      color: #737373;
      font-family: Manrope;
      font-weight: 600;
    }

    /* address  */

    .address-section {
      width: 100%;
      display: flex;
      flex-direction: column;
      padding: 0px 1.67vw;
      gap: 0.56vw;
      margin-bottom: 1.74vw; margin-top: 2vw;
    }

    .address-heading {
      width: 100%;
      display: flex;
      justify-content: space-between;

    }

    .address-heading a {
      color: #315467;
      text-decoration: none;
      font-size: 0.83vw;
      font-weight: 600;
      line-height: 1.11vw;
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.56vw;
    }

    .address-heading a img {
      width: 0.83vw;
      
      object-fit: cover;
    }

    .address-heading p {
      color: #404040;
      font-size: 1.25vw;
      font-weight: 1.39vw;
      line-height: 1.94vw;
      font-family: Manrope;
    }

    .details22 {
      display: flex;
      padding: 0.83vw 1.67vw;

      justify-content: space-between;



    }

    .address-card {
      width: 33.58vw;
      border: 1px solid #E5E5E5;

    }

    .location-detail {
      gap: 0.56vw;
      display: flex;
    }

    .home-address {
      color: #737373;
      font-size: 0.83vw;
      font-weight: 400;
      line-height: 1.33vw;
      font-family: Manrope;

    }

    .mob-number {
      color: #737373;
      font-size: 0.83vw;
      font-weight: 600;
      line-height: 0.83vw;
     font-family: Manrope;

    }

    .Shipping-address22 {
      padding: 0.83vw 1.67vw;

    }

    .Shipping-address22 p {
      color: #262626;
      font-size: 1.11vw;
      font-weight: 600;
      line-height: 1.67vw;
      font-family: 'Manrope';

    }

    .address-box {
      display: flex;
      gap: 1.67vw;
    }

    .card-edit-btn {
      width: 2.08vw;     
      border: 1px solid #E5E5E5;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .card-edit-btn img {
      width: 0.97vw;      
      object-fit: cover;
    }


    /* sidebar  */

    .sidebar22 {
      width: 14.72vw;
      background: #fff;
      
    }

    .sidebar22 ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .sidebar22 ul li a {
      display: block;
      padding: 0.83vw 1.11vw;
      color: #737373;
      font-size: 1.11vw;
      line-height: 1.67vw;
      text-decoration: none;
      border-left: 2px solid #F5F5F5; font-family: 'Manrope';
    font-weight: 600;
     
    
      transition: all 0.3s ease;
    }

    .sidebar22 ul li a.active {
      background: #F1F8FA;
      /* active bg */
      color: #315467;
      /* active text color */
      border-left: 0.16vw solid #315467;
      /* left border */
    }

 /* form css */



    .back-button {
      width: 100%;
      padding: 0px 1.67vw;
    }

    .back-button a {
      text-decoration: none;
    font-size: 1.11vw;
    color: #737373;
    line-height: 1.67vw;
    font-weight: 600;
    font-family: Manrope;
    padding: 0.56vw 1vw 0.56vw 1vw;
    border: 0.07vw solid #E5E5E5;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 0.56vw; transition: all 0.3s ease;

    }
    .back-button a:hover { 
    color: #fff;background:#315467;

    }
.back-button a svg {width:0.5vw;}
    .form-detail {
      display: flex;
     padding: 0px 1.67vw;
     flex-direction: column;
     gap: 1.11vw;
     margin-bottom: 1.67vw;
    }

    .new-add {
      font-size: 1.25vw;
      font-weight: 500;
      font-family: Manrope;
      line-height: 1.94vw;
      color: #404040;
     
 
    }
    .form-group1{
      width: 100%;
      border: 1px solid #ddd;
       padding: 0.56vw 1.11vw;
    }



    .form-group1 input,
    .form-group1 select {
      width: 100%;
         
      border: none;
    
      font-size: 0.97vw;
      font-weight: 400;
      color: #737373;
      font-family: 'Manrope';

    }

    .form-search{
      display: flex;
      padding-right: 1.11vw;
      justify-content: center;
      align-items: center;
    }

    .form-row {
      display: flex;
      gap: 0.83vw;
    }
    .form-search img{
      width: 1.39vw;
      height: 1.39vw;
      object-fit: cover;

    }
    


    .radio-group {
      display: flex;
      gap: 0.11vw;
      
      flex-direction: column;
    }
    

    .radio-group label {
      font-size: 0.83vw;
      line-height: 1.11vw;
      font-weight: 400;
      font-family: 'Manrope';
      color: #737373;
      display: flex;
      justify-content: center;
      align-items: center;      
      gap: 0.56vw;
      
    }
    .radio-group input{
      width: 1.11vw;
    }
    .checkbox-form{
      display: flex;
      gap: 1.11vw;
     
    }
 

    .save-btn button {
      background-color: #315467;
      
      border: none;
      padding: 0.56vw 1.11vw;
         font-weight: 600;
      font-size: 0.97vw;
      line-height: 20px;
      font-family:Manrope;
      color:#FFFFFF;
      text-transform: uppercase; cursor: pointer;

     
    }
    .radio-group p{
      font-weight: 600;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: 'Manrope';
      color: #262626;
    }
   .edit-heading p{
      font-size: 1.25vw;
      line-height: 1.94vw;
      font-weight: 500;
      font-family: Manrope;
      color: #404040;

    }
    .edit-profil{
      padding: 0px 1.67vw 1.67vw 1.67vw;
      display: flex;
      flex-direction: column;
      gap: 1.11vw;
    }

    .name-cont{
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.edit-profil input, .edit-profil select {
    width: 100%;
    border: none;
    font-size: 0.97vw;
    font-weight: 400;
    color: #737373;
    font-family: 'Manrope';
}
.first-name2{
  width: 49%;
  border: 1px solid #E5E5E5;
  padding: 0.56vw 1.11vw;
}

.last-name2{
  width: 49%;
  border: 0.07px solid #E5E5E5;
  padding: 0.56vw 1.11vw;
}
.company-input{
   width: 100%;
  border: 0.07px solid #E5E5E5;
  padding: 0.56vw 1.11vw;

}
.update-btn button{
  background-color: #315467;
  padding: 0.56vw 1.11vw;
  font-size: 0.97vw;
  line-height:1.46vw ;
  font-weight:600 ;
  color: #FFFFFF;
  border: none; cursor: pointer;
}
 .password-form{
  width: 100%;
  padding: 0vw 1.67vw 1.67vw 1.67vw;
  display: flex;
  flex-direction: column;
  gap: 1.11vw;
}
.current-pasword{
  width: 100%;
  border: 1px solid #E5E5E5;
  padding: 0.56vw 1.11vw;
}
.reset-btn button{
    background-color: #315467;
  padding: 0.56vw 1.11vw;
  font-size: 0.97vw;
  line-height:1.46vw ;
  font-weight:600 ;
  color: #FFFFFF;
  border: none; text-transform: uppercase;
    font-family: 'Manrope';
}

    .note {
      font-size: 0.97vw;
      color:#737373;
      line-height: 1.39vw;
      font-family: Proxima Nova;
      
      font-weight: 400;
      margin-top: -0.69vw;
      margin-bottom: 0.35vw;
      display: flex;
      align-items: center;
      
    
      gap:0.28vw;
    }
    .note img{
      width: 0.97vw;
      object-fit: cover;
      

    }
	.note p{font-family: 'Manrope';  
    font-size: 1vw;
    line-height: 1vw;}
    .password-heading p {
      font-size: 1.25vw;
      color:#404040;
      line-height:1.94vw;  
      font-weight: 500;
      font-family: Manrope;

    }
	.password-form input, .password-form select {
    width: 100%;
    border: none;
    font-size: 0.97vw;
    font-weight: 400;
    color: #737373;
    font-family: 'Manrope';
}

.topbar {
      display: flex;
      justify-content: space-between;
    }

    .search-order {
      gap: 0.56vw;
      display: flex;
      width: 46.67vw;
      padding: 0vw 1.11vw;
      border: 0.07vw solid #E5E5E5;
      outline: none;
      justify-content: center;
      align-items: center; border-left: 0;
    border-top: 0;
    }

    .search-order input {
      font-family: Manrope;
      font-weight: 400;
      /* font-size: 0.97vw; */
      line-height: 1.39vw;
      color: #525252;
    }

    .search-order img {
      width: 1.11vw;
    }

    .select {
      align-items: center;
      justify-content: center;
      display: flex;
      width: 14.89vw;
      padding: 0.56vw 16px;
      border: 1px solid #E5E5E5;
      outline: none;
    }

    .select select {
      font-size: 0.97vw;
      font-weight: 600;
      font-family: Manrope;
      line-height: 1.39vw;
      color: #404040;
    }



    .table {
      width: 100%;
      display: flex;
      flex-direction: column;
      border: 1px solid #E5E5E5; border-left: 0;
    border-bottom: 0;
    }

    .table-header {
      padding: 0px 1.67vw;
      background-color: #fafafa;
      display: flex;
      border-bottom: 1px solid #E5E5E5;
    }

    .table-row {
      display: flex;
      border-bottom: 1px solid #E5E5E5;
      background: #fff;
      padding: 0px 1.67vw;
    }

    .order,
    .id {
      width: 15.33vw;
      padding: 0.83vw 1.11vw;
      align-items: center;
      justify-content: start;
      display: flex;
    }

    .product,
    .product-image {
      width: 12.33vw;
      padding: 0.83vw 1.11vw;
      align-items: center;
      justify-content: start;
      display: flex;
    }

    .date,
    .order-date {
      width: 18.15vw;
      padding: 0.83vw 1.11vw;
      align-items: center;
      justify-content: start;
      display: flex;
    }

    .status,
    .product-status {
      width: 14.33vw;
      padding: 0.83vw 1.11vw;
      align-items: center;
      justify-content: start;
      display: flex;
    }

    .review,
    .product-review {
      width: 16.85vw;
      padding: 0.83vw 1.11vw;
      align-items: center;
      justify-content: start;
      display: flex;
    }

    .action,
    .product-action {
      width: 23.26vw;
      padding: 0.83vw 1.11vw;
      align-items: center;
      justify-content: start;
      display: flex;
      gap: 16px;
    }

    .table-header p {
      font-size: 14px;
      color: #404040;
      line-height: 20px;
      font-weight: 600;
      font-family: Manrope;
    }

    .product-detail p {
      font-size: 0.97vw;
      color: #525252;
      line-height: 1.39vw;
      font-weight: 400;
      font-family: Manrope;
    }

    .invoice-btn {
      gap: 0.69vw;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: none;
      padding: 0.56vw;
      font-size: 12px;
      color: #525252;
      line-height: 1.11vw;
      font-weight: 600;
      font-family: Manrope;
      border: 1px solid #E5E5E5;
    }

    .invoice-btn img {
      width: 0.97vw;
      height: auto;
    }

    .Detail-btn {
      gap: 0.69vw;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.56vw;
      font-size: 0.83vw;
      color: #525252;
      /* default text */
      line-height: 1.11vw;
      font-weight: 600;
      font-family: Manrope;
      border: 1px solid #E5E5E5;
      cursor: pointer;
      background-color: #fff;
    }

    /* Default arrow black */
    .Detail-btn .arrow-icon path {
      stroke: black;
      stroke-width: 2;
      fill: none;
      transition: stroke 0.3s ease, transform 0.3s ease;
    }

    /* Active state */
    .Detail-btn.active {
      background-color: #315467;
      color: #ffffff;
      border: 1px solid #315467;
    }

    /* Active arrow white */
    .Detail-btn.active .arrow-icon path {
      stroke: white;
    }

    .Detail-btn.active .arrow-icon {
      transform: rotate(90deg);
    }



    /* Hidden by default */
    .order-details {
      display: none;

      border-bottom: 1px solid #E5E5E5;

      animation: fadeIn 0.3s ease-in-out;
    }

    .order-details.active {
      display: block;
    }

    /* Flex container */
    .details-grid {
      display: flex;
      flex-direction: column;
    }

    .address h4 {
      font-size: 0.97vw;
      font-family: Manrope;

      line-height: 1.39vw;
      font-weight: 600;
      color: #404040;
    }

    .address .steps p {
      /* border-left: 2px solid #E5E5E5; */
      display: flex;
      gap: 0.35vw;
      justify-content: start;
      align-items: center;
      padding: 0.56vw 0.83vw;
      margin: 0;
      font-size: 0.97vw;
      color: #444;
    }

    /* Completed steps (with check image) */
    .address .steps p img {
      width: 0.83vw;
      height: 0.83vw;
      margin-right: 0.42vw;
      vertical-align: middle;
    }


    .address .steps span {
      display: inline-flex;
      align-items: center;
      gap: 0.42vw;
    }


    .address .order-time {
      font-size: 0.83vw;
      color: #888;
    }

    /* Current active step */
    .address .steps p.current {
      background: #f0f8ff;
      font-weight: 600;
      color: #315467;
    }

    .product-review2 {
      width: 12.85vw;

      align-items: center;
      justify-content: start;
      display: flex;
    }


    .address .steps p.pending {
      color: #aaa;
    }

    /* Address */
    .address h4 {
      font-size: 1.11vw;
      margin-bottom: 0.56vw;
      font-weight: 600;
      color: #333;
    }

    .address p {
      font-size: 0.83vw;
      line-height: 1.11vw;
      color: #737373;
      font-weight: 500;
      font-family: Manrope;
    }

    .Rating-button {
      font-size: 0.83vw;
      line-height: 1.11vw;
      color: #737373;
      font-weight: 500;
      font-family: Manrope;

    }

    .Rating-button {
      flex-direction: column;
      width: 100%;
      display: flex;
      justify-content: center;
      padding: 0px 0.69vw;
      gap: 1.11vw;
    }

    /* Reviews */
    .reviews h4 {
      font-size: 1.11vw;
      margin-bottom: 0.56vw;
      font-weight: 600;
      color: #333;
    }

    .reviews textarea {
      width: 100%;
      resize: none;
      border: 1px solid #E5E5E5;
      border-radius: 0.42vw;
      padding: 0.69vw;
      font-size: 0.97vw;
      margin-bottom: 0.69vw;
    }

    .reviews .btn-submit {
      border: none;
      padding: 0.56vw 1.11vw;
      border-radius: 0.42vw;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .steps {
      display: flex;
      flex-direction: column;
      gap: 0.35vw;
    }

    /* Summary */
    .summary {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 0.56vw;
    }

    .summary h4 {
      font-size: 1.11vw;

      font-weight: 600;
      color: #333;
    }

    .summary .line {
      display: flex;
      justify-content: space-between;
      padding: 0.42vw 0;
      font-size: 0.97vw;
      color: #555;
    }

    .summary .line.total {
      font-weight: 600;
      font-size: 0.97vw;
      line-height: 1.39vw;
      border-top: 1px solid #ddd;
      padding-top: 0.69vw;
      margin-top: 0.35vw;
      color: #404040;
    }

    .Rating-button {
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 0px 0.69vw;
    }

    .review-total {
      display: flex;
    }

    textarea {
      margin-top: 2vw;
      height: 5.83vw;
      width: 32.5vw;
      padding: 0.56vw;
      border: 1px solid #E5E5E5;
    }

    .tracking-address {
      width: 100%;
      display: flex;
      justify-content: space-between;
    }

    .address {
      width: 100%;
      display: flex;
      justify-content: start;
      align-items: start;
      flex-direction: column;
    }

    .border-outside {
      padding: 30px;
      width: 33%;
      display: flex;
      justify-content: start;
      align-items: start;
    }

    .border-inside {
      padding: 2.08vw;
      width: 50%;
      display: flex;
      justify-content: start;
      align-items: start;
      flex-direction: column;
    }

    .reiew-total {
      width: 100%;
      border-top: 1px solid #ddd;
      display: flex;
    }

    .done {
      border-left: 0.14vw solid #404040;

    }

    /* .current {
      border-left: 0.14vw solid #315467
    } */

    .pending {
      border-left: 0.14vw solid #D4D4D4;

    }


    /* Fade animation */
    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(-5px);
      }

      to {
        opacity: 1;
        transform: translateY(0);
      }
    }


    .rating-para {
      display: flex;
      justify-content: space-between;
    }

    .rating-para p {
      font-size: 0.97vw;
      line-height: 1.39vw;
      color: #404040;
      font-family: Manrope;
      font-weight: 600;
    }

    .rating-para span {
      font-size: 0.97vw;
      line-height: 1.39vw;
      color: #404040;
      font-family: Manrope;
      font-weight: 400;
    }


    .select-image {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.56vw;
    }

    .select-image span {
      width: 3.47vw;
      color: #525252;
      font-weight: 400;
      font-size: 0.97vw;
      font-family: Manrope;
      line-height: 1.39vw;

    }

    .select-image img {
      width: 1.25vw;

    }

    .review-btn-submit button {
      padding: 0.56vw 1.11vw;
      border: 1px solid #E5E5E5;
      background-color: #F8F8F8;
      color: #404040;
      font-weight: 600;
      line-height: 1.39vw;
      font-family: Manrope;
      text-transform: uppercase;
    }

    .order-payment p {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 0.35vw;
      color: #404040;
      font-size: 0.97vw;
      font-weight: 600;
      font-family: Manrope;
      line-height: 1.39vw;
    }

    .order-payment span {
      color: #737373;
      font-size: 0.97vw;
      font-weight: 600;
      font-family: 'Manrope';
      line-height: 1.39vw;
    }

    .order-payment img {
      width: 2.36vw;
      object-fit: cover;
    }
     .profile-info label img{
        width: 1.2vw;
        top: 9.90vw;
        left: 8.93vw;
        position: absolute;
        height: 1.2vw;
        border-radius: 1% !important;
        object-fit: cover;
        }

    .done {
      border-left: 0.14vw solid #404040;
    }

    /* .current {
      border-left: 0.14vw solid #315467;
    } */

    .Cancelled {
      color: #EF4444;
    }

      @media (max-width: 767px) {

      
  .profile-page {
    flex-direction: column;
    padding: 2vw;
  }

  .profile-info label img {
    width: 3.2vw;
    top: 20.9vw;
    left: 20.93vw;
    position: absolute;
    height: auto;
    border-radius: 1% !important;
    object-fit: cover;
}

.edit-profil input {
    width: 100%;
    border: none;
    font-size: 3vw;
    font-weight: 400;
    color: #737373;
    font-family: 'Manrope';
}

  .profile-container {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    gap: 4vw;
    margin-bottom: 4vw; margin-top: 9vw;
  }

  .profile-rightcontainer {
    width: 100%;
    margin-bottom: 6vw;
    gap: 3vw;  
  }
  .profile-rightcontainer .table {
     
    border: 1px solid #E5E5E5;
   border-left: 0; border-right: 0;   padding:3vw;
     
} 
.profile-rightcontainer .topbar{padding:3vw; padding-bottom:0;}
 
  .profile-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2vw;
    padding: 3vw;
  }

  .profile-info img {
    width: 20vw;
    height: 20vw;
  }

  .profile-heading {
    font-size: 4vw;
    line-height: 5vw;
  }

  .profile-sub-heading,
  .profile-num {
    font-size: 3vw;
    line-height: 4vw;
  }

  .edit-btn {
    font-size: 3vw;
    padding: 2vw 3vw;
    gap: 2vw;
  }

  /* sidebar */

      .sidebar22 {
      width: 100%;
      background: #fff;
    

    }

    .sidebar22 ul {
        display: flex;
      flex-direction: row;
     
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .sidebar22 ul li a {
      display: block;
      padding: 3vw 3vw;
      color: #737373;
      font-size:3vw;
      line-height: 3.2vw;
      text-decoration: none;
      border-bottom: 1vw solid #F5F5F5;
      border-left: none;


      transition: all 0.3s ease;
    }

    .sidebar22 ul li a.active {
      background: #F1F8FA;
      
      color: #315467;
      
      border-bottom: 1vw solid #315467;
      border-left: none;
      
    }

    .quick {
    gap: 2vw;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
}
.stat-card {
    width: 100%;
    border: 1px solid #DBE0E5;
    padding: 3vw;
}
.quick-heading p {
    font-size: 4vw; 
    line-height: 4.5vw;
      margin-bottom: 2vw;
}
.stat-card-number {
    font-size: 4vw;
    line-height: 4.5vw;
    
}
.stat-card-order {
    font-size: 3vw;
    line-height: 4vw;
     
}
.quick-stats {
    width: 100%;
    padding: 0px 3vw;
    display: flex;
    flex-direction: column;
    gap: 0.56vw;
}
.address-heading p { 
            font-size: 4vw;
        line-height: 4.5vw;
     
}
.address-heading a { 
    text-decoration: none;
    font-size: 3vw; 
    line-height: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}
.address-box {
    flex-direction: column;
    display: flex;
    gap: 2.5vw;
}
.address-card {
    width: 100%;
    border: 1px solid #E5E5E5;
}
.address-heading a img {
    width: 3vw;
    object-fit: cover;
}
.Shipping-address22 {
    padding: 3vw 3.5vw;
}
.Shipping-address22 p {
     
    font-size: 3.5vw; 
    line-height: 3.5vw; 
}
.home-address { 
    font-size: 3vw; 
   line-height: 3.3vw;
    text-decoration: none;
}

.mob-number { 
    font-size: 3.2vw; 
    line-height: 5vw; 
    text-decoration: none;
    margin-top: 2px;
    display: inline-block;
}
.card-edit-btn {
    width: 7.08vw;
    border: 1px solid #E5E5E5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-edit-btn img {
    width: 4vw;
    object-fit: cover;
}
.details22 {
    display: flex;
    padding: 3vw 3.5vw;
    justify-content: space-between;
}
.address-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0px 3vw;
    gap: 2vw;
    margin-bottom: 1.74vw;
}
 
.location-detail {
    gap: 1.46vw; 
}
 
  /* back button */
  .back-button {
    padding: 0 3vw;
    margin-bottom: 4vw;
  }

  .back-button a {
    font-size: 3vw;
    padding: 2vw 3vw;     gap: 0.96vw;
  }

  /* form */
  .form-detail {
    width: 100%;
    gap: 3vw;
    padding: 0 3vw !important;
  }

  .new-add {
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .form-group1 input,
  .form-group1 select {
    font-size: 3vw;
    padding: 0vw 3vw; height: 7.2vw;
  }

  .form-search img {
    width: 4vw;
    height: 4vw;
  }

  .form-row {
    flex-direction: column;
    gap: 3vw;
  }

  .radio-group {
    gap: 2vw;
  }

  .radio-group label {
    font-size: 3vw;
    line-height: 4vw;
  }

  .radio-group input {
    width: 3vw;
    height: 3vw;
  }

  .checkbox-form {
    flex-direction: column;
    gap: 2vw;
    align-items: start;
  }

  .save-btn button {
    font-size: 3vw;
    padding: 2vw 4vw;
  }

  .radio-group p {
    font-size: 3vw;
    line-height: 4vw;
  } 
.back-button a svg {width:1.3vw;}

 .name-cont{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  
}
.first-name2 {
    width: 100% !important;
    border: 1px solid #E5E5E5;
    padding: 8px 16px;
}
.last-name2{
  width: 100% !important;
  border: 1px solid #E5E5E5;
  padding: 8px 16px;
}
.edit-heading p{
      font-size: 4vw;
      line-height: 4vw;
     

    }
    .update-btn button{
  background-color: #315467;
  padding: 3vw 3.5vw;
  font-size: 3vw;
  line-height:3vw ;
  font-weight:600 ;
  color: #FFFFFF;
  border: none;
}
.edit-profil {
    padding: 3vw;
    display: flex;
    flex-direction: column;
    gap: 3vw;
}

 .password-heading p {
      font-size: 4vw;
      color:#404040;
      line-height:4.5vw;  
      font-weight: 500;
      font-family: Manrope;

    }
    .reset-btn button {
    background-color: #315467;
    padding: 4vw 5vw;
    font-size: 3vw;
    line-height: 3vw;
    font-weight: 600;
    color: #FFFFFF;
    border: none;
}
.password-form {
    width: 100%;
    padding: 3vw;
    display: flex;
    flex-direction: column;
    gap: 4vw;
}
.note {
    font-size: 2.5vw;
    color: #737373;
    line-height: 1.39vw;
    font-family: Proxima Nova;
    font-weight: 400;
    margin-top: -1vw;
    margin-bottom: 0.35vw;
    display: flex;
    align-items: center;
    gap: 1vw;
}
.note img {
    width: 3vw;
    object-fit: cover;
}
.note p { 
    font-size: 3vw;
    line-height: 3vw;
}
h4.ship-detail {
    margin-bottom: 5vw;
    margin-top: 5vw;
}


/* Topbar */
      .topbar {
        flex-direction: column;
        gap: 0.8px;
      }

      .topbar.search,
      .topbar .select {
        width: 100% !important;
      }

      /* Table structure */
      .table-header,
      .table-row {
        flex-direction: column;
        /* stack vertically */
        align-items: flex-start;
        padding: 0.9vw;
      }

      .order,
      .id,
      .product,
      .product-image,
      .date,
      .order-date,
      .status,
      .product-status,
      .review,
      .product-review,
      .action,
      .product-action {
        width: 100%;
        /* make each block full width */
        justify-content: flex-start;
        padding: 0.5vw 0;
      }

      /* Buttons full width on small devices */
      .invoice-btn,
      .Detail-btn {
        width: 100%;
        justify-content: center;
      }

      /* Details grid */
      .details-grid {
        flex-direction: column;
      }

      .tracking-address {
        flex-direction: column;
        gap: 1.5vw;
      }

      .border-outside,
      .border-inside {
        width: 100%;
        padding: 1.1vw
      }


      .reiew-total {
        flex-direction: column;
        width: 100%;
        border-top: 1px solid #ddd;
        display: flex;
      }

      .summary .line {
        display: flex;
        justify-content: space-between;
        padding: 1.42vw 0;
        font-size: 3vw;
        color: #555;
      }

      .summary .line.total {
        font-weight: 600;
        font-size: 4vw;
        line-height: 4vw;
        border-top: 1px solid #ddd;
        padding-top: 1vw;
        margin-top: 0.35vw;
        color: #404040;
      }

      .search-order {
        gap: 8px;
        display: flex;
        width: 100%;
        padding: 8px 16px;
        border: 1px solid #E5E5E5;
        outline: none;
        justify-content: center;
        align-items: center;
      }




      .select select {
        font-size: 3vw;
        font-weight: 600;
        font-family: Manrope;
        line-height: 3vw;
        color: #404040;
      }

      .select-image span {
        width: 11.47vw;
        color: #525252;
        font-weight: 400;
        font-size: 3vw;
        font-family: Manrope;
        line-height: 3vw;
      }

      .select-image img {
        width: 3.25vw;
      }

      .invoice-btn {

        padding: 3.56vw;

      }

      .invoice-btn img {
        width: 2.97vw;
        height: auto;
      }

      .Detail-btn {
        gap: 0.69vw;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2.56vw;
        font-size: 3vw;
        color: #525252;
        line-height: 3vw;
        font-weight: 600;
        font-family: Manrope;
        border: 1px solid #E5E5E5;
        cursor: pointer;
        background-color: #fff;
      }

      .address h4 {
        font-size: 4vw;
        margin-bottom: 4.5vw;
        font-weight: 600;
        color: #333;         margin-top: 2vw;
      }
      .summary textarea { 
    height: 25.83vw;
    width: 100%; 
}
.search-order img 
 {
    width: 4.11vw;
}
      .address p {
        font-size: 3.2vw;
        line-height: 3.2vw;
        color: #737373;
        font-weight: 500;
        font-family: Manrope;
      }

      .address .steps p img {
        width: 2.83vw;
        height: 0.83vh;
        margin-right: 0.42vw;
        vertical-align: middle;
      }

      .address .steps p.current {
        line-height: 3vw;
        font-size: 3vw;
        background: #f0f8ff;
        font-weight: 600;
        color: #315467;
      }

      .address .steps p {
        line-height: 3.2vw;
        /* border-left: 2px solid #E5E5E5; */
        display: flex;
        gap: 0.35vw;
        justify-content: start;
        align-items: center;
        padding: 1.56vw 3.83vw;
        margin: 0;
        font-size: 3vw;
        color: #444;
      }

      .address .order-time {
        font-size: 2.83vw;
        color: #888;
      }

      .steps {
        display: flex;
        flex-direction: column;
        gap: 2.35vw;
      }

      .rating-para p {
        font-size: 3vw;
        line-height: 3vw;
        color: #404040;
        font-family: Manrope;
        font-weight: 600;
      }

      .rating-para span {
        font-size: 3vw;
        line-height: 3.2vw;
        color: #404040;
        font-family: Manrope;
        font-weight: 400;
      }

      .review-btn-submit button {
        padding: 2.56vw 3.11vw;
        border: 1px solid #E5E5E5;
        background-color: #F8F8F8;
        color: #404040;
        font-weight: 600;
        line-height: 1.39vw;
        font-family: Manrope;
        text-transform: uppercase;
      }

      .summary h4 {
        font-size: 4vw;
        margin-bottom: 4.2vw;
        font-weight: 600;
        color: #333;
      }

      .order-payment p {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1.35vw;
        color: #404040;
        font-size: 3vw;
        font-weight: 600;
        font-family: Manrope;
        line-height: 3vw;
      }

      .order-payment img {
        width: 7.36vw;
        object-fit: cover;
      }

      .order-payment span {
        color: #737373;
        font-size: 3vw;
        font-weight: 600;
        font-family: Proxima Nova;
        line-height: 3vw;
      }

}




/* blog deatil page */
.blog-detail-image {
      width: 100%;
    }

    .blog-detail-image img {
      width: 100%;
      height: auto;
      object-fit: cover;
    }

    .yoga-poses {
      width: 100vw;
      padding: 1.39vw 2.08vw;
      margin-bottom: 0.94vw;

    }

    .yoga-poses-paragraph p {
      font-size: 0.97vw;
      font-weight: 400;
      font-family: Manrope;
      line-height: 1.39vw;
      color: #404040;

    }

    .yoga-poses-heading {
      padding-bottom: 1.74vw;
    }

    .yoga-poses-heading p {
      color: #404040;
      font-weight: 500;
      font-size: 2.5vw;
      line-height: 2.78vw;
    }

    .yoga-poses-subheading {
      padding: 1.74vw 0px;
    }

    .yoga-poses-subheading p {
      color: #404040;
      font-weight: 500;
      font-size: 1.67vw;
      line-height: 2.22vw;
    }

    .social-yoga {
      display: flex;
      gap: 0.35vw;
      margin-top: 1.39vw;
      align-items: center;
    }

    .social-yoga {
      display: flex;
      gap: 0.35vw;
      margin-top: 1.39vw;
      align-items: center;
    }

    .social-yoga p {
      font-size: 0.97vw;
      font-weight: 700;
      font-family: Manrope;
      line-height: 1.39vw;
      color: #315467;
    }

    .social-media-icon {
      height: 2.22vw;
      width: 2.22vw;
      background-color: #F1F8FA;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }


    .blog-detail-nav {
    width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 3.47vw;
      border-top:1px solid #E5E5E5;
      padding: 1.67vw 2.08vw;
    }
    .blog-detail-next .nav-link {
      flex-direction: row-reverse;
      text-align: right;
      justify-content: flex-end;
    }

    .blog-detail-next p {
      text-align: right;
    }

    .blog-detail-nav img {
      width: 1.94vw;
      height: 1.94vw;
      transition: transform 0.3s ease;
    }

    .blog-detail-nav span {
      font-weight: 500;
      font-family: Manrope;
      font-size: 1.11vw;
      line-height: 1.67vw;
      color: #737373;

    }

    .blog-detail-nav p {
      font-weight: 500;
      font-family: Manrope;
      font-size: 1.25vw;
      line-height: 1.94vw;
      color: #404040;

    }

    .blog-detail-prev {
      display: flex;
      gap: 0.69vw;
    }

    .blog-detail-next {
      display: flex;
      gap: 0.69vw;
    }

    /* Responsive */
    @media (max-width: 767px) {
  .yoga-poses {
    width: 100%;
    padding: 4vw 4vw;
    margin-bottom: 4vw;
  }

  .yoga-poses-paragraph p {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .yoga-poses-heading {
    padding-bottom: 4vw;
  }

  .yoga-poses-heading p {
    font-size: 5vw;
    line-height: 6vw;
  }

  .yoga-poses-subheading {
    padding: 4vw 0;
  }

  .yoga-poses-subheading p {
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .social-yoga {
    gap: 2vw;
    margin-top: 3vw;
  }

  .social-yoga p {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

  .social-media-icon {
    height: 8vw;
    width: 8vw;
  }

  .blog-detail-nav {
    flex-direction: column;
    align-items: flex-start;
    padding: 4vw 4vw;
    gap: 3vw;
  }

  .blog-detail-prev {
    gap: 3vw;
    width: 100%;
   /*  justify-content: space-between; */
  }
   .blog-detail-next {
    gap: 3vw;
    width: 100%;
    justify-content: end;
  }

  .blog-detail-nav img {
    width: 5vw;
    height: 5vw;
  }

  .blog-detail-nav span {
    font-size: 3.5vw;
    line-height: 4.5vw;
  }

  .blog-detail-nav p {
    font-size: 4vw;
    line-height: 5.5vw;
  }
}





/* invoice Page */
 .invoice-topbar {
      width: 100%;
      border: 0.07vw solid #e5e5e5;
      padding: 1.67vw;
      display: flex;
      justify-content: space-between;
      align-items: end;
      margin-bottom: 2.43vw;
    }

    .invoice-container {
      width: 100%;
      padding: 0vw   2.08vw 3vw 2.08vw;
    }

    .delivery-date {
      font-weight: 600;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      color: #737373; margin-bottom: 1vw;
    }

    .delivery-date span {
      font-weight: 600;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      color: #418199;
    }

    .delivery-product {
      font-weight: 600;
      font-size: 2.5vw;
      line-height: 2.78vw;
      font-family: Manrope;
      color: #404040;
    }

    .invice-button {
      display: flex;
      gap: 1.11vw;
    }

    .invice-button button {
      padding: 0.56vw;
      gap: 0.69vw;
      border: 0.07vw solid #e5e5e5;
      font-weight: 600;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      color: #404040;
      background-color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .delivery-product-detail {
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 0.56vw;
    }

    .delivery-product-charges {
      display: flex;
      justify-content: space-between;
      border: 0.07vw solid #e5e5e5;
      padding: 1.11vw;
      margin-bottom: 2.43vw;
    }

    .delivery-select-product {
      width: 30%;
      display: flex;
      gap: 1.67vw;
    }

    .delivery-select-Customizationt {
      width: 30%;
    }

    .delivery-select-Customizationt span {
      font-weight: 600;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      color: #418199;
    }

    .delivery-select-Customizationt p {
      font-weight: 500;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      color: #737373; margin-top: 0.56vw;
    }

    .product-total-price {
      width: 20%;
    }

    .select-product-image {
      width:6.67vw;
      background-color: #f8f8f8;
      display: flex;
      justify-content: center;
      align-items: center;
    }
     .select-product-image  img{
      width: 3.47vw;
      height: auto;
      object-fit: cover;

     }

    .select-product-cont {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
.information-card-bottom p.p1{margin-bottom:0.56vw; margin-top:0.56vw;}
    .select-product-cont span {
      font-weight: 500;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      color: #737373;
    }

    .select-product-cont small {
      font-weight: 500;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      color: #737373;
    }

    .select-product-cont p {
      font-weight: 500;
      font-size: 1.25vw;
      line-height: 1.94vw;
      font-family: Manrope;
      color: #404040;
    }

    .product-total-price {
      display: flex;
      flex-direction: column;
      gap: 0.56vw;
    }

    .product-total-price span {
      font-weight: 600;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      color: #418199;
    }

    .product-total-price small {
      font-weight: 400;
      font-size: 0.83vw;
      line-height: 1.11vw;
      font-family: Manrope;
      color: #404040;
    }

    .product-total-price p {
      font-weight: 500;
      font-size: 1.67vw;
      line-height: 2.22vw;
      font-family: Manrope;
      color: #404040;
    }

    .order-information-container {
      width: 100%;
    }

    .information-card {
      width: 60%;
      display: flex;
      flex-direction: column;
      border: 0.07vw solid #E5E5E5;
    }

    .information-card-top {
      display: flex;
      padding: 1.67vw;
      border-bottom: 0.07vw solid #E5E5E5;
      gap: 2.78vw;
    }

    .order-id {
      width: 38%;
    }

    .order-date {
     /* width: 38%; */
    }

    .order-shiping-bill {
      width: 38%;
    }

    .order-shiping-address {
      width: 38%;
    }

    .information-card-bottom {
      display: flex;
      padding: 1.67vw;
     gap: 2.78vw;
    }

    .order-id p {
      font-size: 1.11vw;
      line-height: 1.67vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;
    }

    .order-id span {
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-weight: 500;
      font-family: Manrope;
      color: #737373;
    }

    .order-date p {
      font-size: 1.11vw;
      line-height: 1.67vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;
    }

    .order-date span {
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-weight: 500;
      font-family: Manrope;
      color: #737373;
    }

    .order-shiping-bill span {
      font-size: 1.11vw;
      line-height: 1.67vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;
    }

    .order-shiping-bill p {
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-weight: 500;
      font-family: Manrope;
      color: #737373;
    }

    .order-shiping-address span {
      font-size: 1.11vw;
      line-height: 1.67vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;
    }

    .order-shiping-address p {
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-weight: 500;
      font-family: Manrope;
      color: #737373;
    }
    .invice-button img{
      width: 0.97vw;
      height: auto;
      object-fit: cover;

    }

    .order-information-heading {
      font-size: 1.25vw;
      line-height: 1.94vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;
      margin-bottom: 0.35vw;

    }

    .product-detail-heading {
      font-size: 1.25vw;
      line-height: 1.94vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;
      margin-bottom: 0.35vw;

    }
    .information-card-container{
      display: flex;
      justify-content: space-between;
    }
    .order-total{
      width: 38%;
      border: 0.07vw solid #E5E5E5;
      padding: 1.67vw;

    }
    .order-total-heading{
       font-size: 1.25vw;
      line-height: 1.94vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;
      margin-bottom: 0.35vw;
    }
    .item-price-tax{
      width: 100%;
      display: flex;
      justify-content: space-between;
    }
    .item-price-tax p{
        font-size: 0.97vw;
      line-height: 1.39vw;
      font-weight: 500;
      font-family: Manrope;
      color: #737373;

    }
     .item-price-tax span{
        font-size: 1.11vw;
      line-height: 1.67vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;

    }
    .final-product-price{
           width: 100%;
      display: flex;
      justify-content: space-between;
      border-top: 0.07vw solid #E5E5E5;
      margin-top: 0.35vw;
      padding-top: 0.35vw;

    }
    .final-product-price p{
        font-size: 1.11vw;
      line-height: 1.67vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;

    }
     .final-product-price span{
        font-size: 1.11vw;
      line-height: 1.67vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;

    }
    .payment-by{
      display: flex;      
      align-items: center;
      margin-top: 2.08vw;
    }
    .payment-by p {
      display: flex;      
      align-items: center;
      gap: 0.35vw;
        font-size: 1.11vw;
      line-height: 1.67vw;
      font-weight: 600;
      font-family: Manrope;
      color: #404040;

    }
     .payment-by span {
        font-size: 0.97vw;
      line-height: 1.39vw;
      font-weight: 500;
      font-family: Manrope;
      color: #737373;

    }
    .payment-by img{
      width: 2.36vw;
      height: auto;
      object-fit: cover;
    }
    @media (max-width: 767px) {
  .invoice-topbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 3vw;
    padding: 4vw;
  }

  .delivery-date,
  .delivery-date span {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .delivery-product {
    font-size: 5vw;
    line-height: 6vw;
  }

  .invice-button {
    width: 100%;
    flex-wrap: wrap;
    gap: 3vw;
  }

  .invice-button button {
    flex: 1;
    font-size: 3vw;
    line-height: 4vw;
    padding: 2vw 3vw;
  }
  .invoice-container {
    width: 100%;
    padding: 1.39vw 3.5vw;
}

  .delivery-product-charges {
    flex-direction: column;
    gap: 3vw;
    padding: 3vw;
    margin-bottom: 8vw;
  }

  .delivery-select-product,
  .delivery-select-Customizationt,
  .product-total-price {
    width: 100%;
  }

  .select-product-image {
    width: 20vw;
    height: 20vw;
  }

  .select-product-cont span,
  .select-product-cont small,
  .delivery-select-Customizationt span,
  .delivery-select-Customizationt p,
  .product-total-price span,
  .product-total-price small {
    font-size: 3vw;
    line-height: 4vw;
  }

  .select-product-cont p {
    font-size: 4vw;
    line-height: 5.5vw;
  }

  .product-total-price p {
    font-size: 4.5vw;
    line-height: 6vw;
  }

  .information-card-container {
    flex-direction: column;
    gap: 4vw;
  }

  .information-card,
  .order-total {
    width: 100%;
  }

  .information-card-top,
  .information-card-bottom {
    flex-direction: column;
    gap: 3vw;
    padding: 3vw;
  }

  .order-id p,
  .order-date p,
  .order-shiping-bill span,
  .order-shiping-address span {
    font-size: 3.8vw;
    line-height: 5vw;
  }

  .order-id span,
  .order-date span,
  .order-shiping-bill p,
  .order-shiping-address p {
    font-size: 3vw;
    line-height: 4vw;
  }

  .order-information-heading,
  .product-detail-heading,
  .order-total-heading {
    font-size: 4vw;
    line-height: 5vw;
    margin-bottom: 2vw;
  }

  .item-price-tax p {
    font-size: 3.2vw;
    line-height: 4.5vw;
  }

  .item-price-tax span,
  .final-product-price p,
  .final-product-price span {
    font-size: 3.8vw;
    line-height: 5vw;
  }

  .payment-by {
    margin-top: 5vw;
    flex-direction: column;
    align-items: flex-start;
    gap: 2vw;
  }

  .payment-by p {
    font-size: 3.8vw;
    line-height: 5vw;
  }

  .payment-by span {
    font-size: 3.2vw;
    line-height: 4.5vw;
  }
  .order-shiping-address {
    width: 100%;
}
.order-shiping-bill {
    width: 100%;
}
}



/* bLog detail customization option */

 .container-relief {
      width: 100%;
      padding: 0px 2.08vw;
      display: flex;
      gap: 2.78vw;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      margin-top: 4vw;
    }

    /* Tabs */
    .tabs-relief {
      width: 100%;
      display: flex;
      justify-content: center;

      gap: 0.35vw;
      flex-wrap: wrap;
    }

    .tab-relief {
      padding: 0.83vw 1.67vw;
      background: #f5f5f5;
      color: #737373;
      font-weight: 600;
      font-size: 1.11vw;
      font-family: Manrope;
      line-height: 1.67vw;
      cursor: pointer;
      transition: 0.3s;
      border-right: 0.07px solid #ddd;
      border-left: 0.07px solid #ddd;
    }

    .tab-relief.active {
      background: #F1F8FA;
      color: #418199;
    }

    /* Content Section */

    .images {
      width: 31%;
    }

    .images img {
      width: 100%;
      height: auto;

      display: block;
    }

    .text-relief {
      width: 65%;
    }

    .text-relief h3 {
      color: #404040;
      font-size: 1.67vw;
      line-height: 2.22vw;
      font-family: Manrope;
      font-weight: 600;

      margin-top: 0;
    }

    .text-relief p {
      color: #737373;
      font-weight: 400;
      line-height: 1.39vw;
      margin-bottom: 1.04vw;
      font-family: Manrope;
    }

    strong {
      color: #404040;
    }

    /* Hide inactive content */
    .tab-content-relief {
      display: none;
      flex-wrap: wrap;
      gap: 2.78vw;
    }

    .tab-content-relief.active-relief {
      width: 100%;
      display: flex;
      justify-content: space-between;
    }

    .center22 {
      display: flex;
      flex-wrap: wrap;
      border: 0.07px solid #ddd;
    }

    .divider-relief {
      display: flex;
      align-items: center;
      text-align: center;
      width: 100%;
    }

    .divider-relief::before,
    .divider-relief::after {
      content: "";
      flex: 1;
      border-bottom: 2px solid #dcecf1;
      /* line ka color */
    }

    .divider-relief span {
      padding: 0 0.69vw;
      color: #418199;
      /* text ka color */
      font-size: 2.5vw;
      font-weight: 500;
      line-height: 2.78vw;
      font-family: Manrope;
    }

    .customizations-box {
      width: 100%;
      border: 0.07vw solid #E5E5E5;
      padding: 1.39vw;
      margin-bottom: 1.04vw ;
    }

    .customizations-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.91vw;
    }

    .customizations-header p {
    
      color: #404040;
      font-weight: 600;
      font-family: Manrope;
      font-size: 1.32vw;
      line-height: 1.94vw;
    }
	.customizations-item.b-right {border-right: 0.2vw solid #E5E5E5;}
    .toggle-options {
      display: flex;
      gap: 6px;
      font-size: 0.97vw;
      line-height: 1.39vw;
      font-family: Manrope;
      cursor: pointer;
      color: #315467;
      font-weight: 600;
    }

    .customizations-list {
      display: flex;
      flex-wrap: wrap;
      gap: 1.69vw;
    }
    .customizations-list {
    display: grid;
    gap: 1.69vw;
    grid-template-columns: repeat(auto-fit, minmax(calc(25% - 1.69vw), 1fr));
    max-width: 100%;
    }

    .customizations-item {
     flex: 0 0 calc(25% - 1.39vw);
      /* 4 in a row */
    }

   .fabri-icon img{
      width: 4vw !important;
      height: auto !important;
      margin-bottom: 0.14vw;
    }

    .customizations-item img {
      width:1.67vw;
      height: auto;
      margin-bottom: 0.69vw;
    }

    .customizations-item p {
      font-size: 1.03vw;
      color: #404040;
      font-weight: 600;
      font-family: Manrope;    
      line-height: 1.39vw;
      
    }
    .toggle-options .toggle-icon {
  font-size: 1.25vw; 
  font-weight: bold;
  line-height: 1;
}

.fabric-num{
  display: flex;
  /* justify-content: center; */
  align-items: center;
  font-size: 0.97vw;
  font-weight: 600;
  line-height: 1.39vw;
  font-family: Manrope;
  color: #737373;
  gap: 0.35vw;
  margin-bottom: 0.69vw;
}


/* Start CSS - Search at navbar */
/* Overlay */
    .search-popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.6);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 2147483647;
    }

    /* Popup box */
    .serach-popup {
      background: #fff;
      width: 55.56vw;
      max-width: 90%;    
      padding: 2.78vw;      
      display: flex;
      flex-direction: column;
      gap: 0.69vw;
    }

    /* Search bar inside popup */
    .popup-header {
      display: flex;
      align-items: center;    
      justify-content: start;      
      padding-bottom: 0.69vw;
      background-color: #F5F5F5;
      margin: 0;
      gap: 0.56vw;
      border: none !important;
    }
    .popup-header img {
      width: 1.25vw;
      height: auto;
      object-fit: cover;
    }
    .popup-header input {      
      border: none;
      outline: none;
      font-size: 1.25vw;
      line-height: 1.94vw;
      font-weight: 500;
      font-family: Manrope;
      color: #404040;
      background-color: #F5F5F5;
      width: 100%;
    }

    /* Suggested & Trending sections */
    
    .popup-section p {
      font-family: Manrope;
      margin: 0.56vw 0;
      font-size: 0.97vw;
      font-weight: 600;
      line-height: 1.39vw;
      color: #737373;
    }
    .tags {
      display: flex;
      flex-wrap: wrap;
      gap: 0.69vw;
    }
    .search-tag {
      background: #F5F5F5;
      padding: 0.56vw 1.11vw;      
      font-size: 1.25vw;
      line-height: 1.94vw;
      font-weight: 500;
      font-family: Manrope;
      color: #404040;
      cursor: pointer;
    }

    
/*  Responsive for Mobile  */
@media (max-width: 767px) {
  .serach-popup {
     position: absolute;
    top: 165px;     
    left: 50%;
    transform: translateX(-50%); 
    width: 90%;
    padding: 4vw;
    gap: 2vw;
    border-radius: 2vw;
  }

  .popup-header {
    padding-bottom: 2vw;
    gap: 2vw;
  }
  .popup-header img {
    width: 4vw;
  }
  .popup-header input {
    font-size: 4vw;
    line-height: 6vw;
  }

  .popup-section p {
    font-size: 3.2vw;
    line-height: 4.5vw;
    margin: 2vw 0;
  }

  .search-tag {
    padding: 2vw 4vw;
    font-size: 3.6vw;
    line-height: 5.5vw;
    border-radius: 1vw;
  }
}

/* END CSS - Search at navbar */



    /* Hidden items */
    .hidden {
      display: none;
    }
    @media (max-width: 767px) { 
		.customizations-item.b-right {border-right: 0vw solid #E5E5E5;}
		.customizations-item.mob-right {border-right: 0.2vw solid #E5E5E5;}
  .customizations-box {
    width: 100%;
    border: 0.27vw solid #E5E5E5;
    padding: 3.5vw;
    margin-bottom: 3vw;
  }

  .customizations-header {
    margin-bottom: 3vw;
  }

  .customizations-header p {
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .toggle-options {
    font-size: 3vw;
    line-height: 4vw;
  }

  .toggle-options .toggle-icon {
    font-size: 4vw;
  }

  .customizations-list {
    gap: 3vw;
  }
  .customizations-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(50% - 3vw), 1fr));
    max-width: 100%;
    }

  .customizations-item {
    flex: 0 0 calc(50% - 3vw); /* 2 in a row on mobile */
  }

  .customizations-item img {
    width: 5vw;
    height: 5vw;
    margin-bottom: 2vw;
  }

  .customizations-item p {
    font-size: 3vw;
    line-height: 4vw;
  }
}





    @media only screen and (min-width: 31.39vw) and (max-width: 767px) {

      .container-relief {
        width: 100%;
        padding: 0px 4vw;
        display: flex;
        gap: 6vw;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 4vw;
      }

      .divider-relief span {
        font-size: 5vw;
        /* ~1.39vw */
        line-height: 6.5vw;
        /* ~26px */
      }

      .tab-relief {
        font-size: 2.6vw;
        /* ~0.97vw */
        padding: 2.5vw 3.5vw;
        /* ~8px 12px */
      }

      .tab-content-relief.active-relief {
        flex-direction: column;
        gap: 5vw;
        /* ~1.39vw */
      }

      .images,
      .text-relief {
        width: 100%;
        min-width: auto;
      }

      .text-relief h3 {
        font-size: 4.5vw;
        /* ~1.25vw */
        line-height: 6vw;
        /* ~24px */
      }

      .text-relief p {
        font-size: 3.5vw;
        /* ~0.97vw */
        line-height: 5vw;
        /* ~1.39vw */
        margin-bottom: 3vw;
      }
    }


    /* @media only screen and (min-width: 320px) and (max-width: 767px)  {
        .tab-content-relief.active-relief {
          flex-direction: column;
          gap: 0.69vw;
        }

        .images,
        .text-relief {
          width: 100%;
          min-width: auto;
        } 
      } */














      
/* Below CSS for Front : Terms & Condition, Privacy Policy and Return Policy */
.about-heading1 p {
    font-family: Manrope;
    font-size: 3.56vw;
    font-weight: 500;
    line-height: 4.33vw;
    margin-bottom: 2.78vw;
    color: #404040;
}    
.privacy{
    
    padding: 1.39vw 2.08vw;
    margin-bottom: 0.94vw;
}    
.privacy h2{
    color: #315467;
    font-size: 2.5vw;
    line-height: 2.78vw;
    font-family: Manrope;
    font-weight: 600;
    margin-bottom: 0.48vw;
}    
.privacy h3{
    color: #315467;
    font-size: 2.5vw;
    line-height: 2.78vw;
    font-family: Manrope;
    font-weight: 600;
    margin-bottom: 0.48vw;
}    
.privacy h4{
    color: #315467;
    font-size: 1.8vw;
    line-height: 2.2vw;
    font-family: Manrope;
    font-weight: 600;
    margin-bottom: 0.48vw;
}    
.privacy h5{
    color: #315467;
    font-size: 1.8vw;
    line-height: 2.2vw;
    font-family: Manrope;
    font-weight: 600;
    margin-bottom: 0.48vw;
}    
.privacy h6{
    color: #315467;
    font-size: 1.8vw;
    line-height: 2.2vw;
    font-family: Manrope;
    font-weight: 600;
    margin-bottom: 0.48vw;
}
.privacy p{
    color: #737373;
    font-size: 1.11vw;
    line-height: 1.67vw;
    font-family: Manrope;
    font-weight: 500;
    margin-bottom: 2.48vw;
}
.privacy a{
     
    font-size: 1.11vw;
    line-height: 1.67vw;
    font-family: Manrope;
    font-weight: 500;
    
}
.privacy ul { 
    padding-left: 4vw; margin-bottom: 2.48vw;}
.privacy ul li{
    color: #737373;
    font-size: 1.11vw;
    line-height: 1.67vw;
    font-family: Manrope;
    font-weight: 500;
     
}

@media (max-width: 767px) {
    
        .about-heading1 p {
        font-size: 7.56vw;
        line-height: 10.33vw;
    }
    .privacy{
    
    padding: 0 4vw; 
}
    .privacy h2 { 
    font-size: 4.67vw;
        line-height: 5.22vw;
}
    .privacy h3 { 
    font-size: 4.67vw;
        line-height: 5.22vw;
}
    .privacy h4 { 
    font-size: 4.67vw;
        line-height: 5.22vw; 
}
    .privacy h5 { 
    font-size: 4.67vw;
        line-height: 5.22vw; 
}
    .privacy h6 { 
    font-size: 4.67vw;
        line-height: 5.22vw;
}
.privacy p { 
    font-size: 3vw;
        line-height: 4vw;
    margin-bottom: 5.48vw;
}
.privacy ul {   
    margin-bottom: 5.48vw; padding-left:5vw;
}
.privacy ul li { 
    font-size: 3vw;
        line-height: 4vw; 
}
.privacy p a { 
    font-size: 3vw;
        line-height: 4vw; 
}
/* .payment-box {
  max-height: 106.417vw;
} */
}

/* pop on user profile */

  .wishlist {
      cursor: pointer;
    }

    /* Popup Overlay */
    .wishlist-popup-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      justify-content: center;
      align-items: center;
      z-index: 999;
    }

    /* Popup Box */
    .wishlist-popup-box {
      background: white;
      /* width: 640px; */
      border-radius: 10px;
      padding: 20px;
      text-align: left;
      position: relative;
      width: auto;
      max-width: 640px;
    }

    .wishlist-popup-box h3 {
      margin-bottom: 15px;
      text-align: center;
    }

    /* product-list Card */
    .wishlist-product-list {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border: 1px solid #ddd;
      padding: 10px;
      border-radius: 8px;
      margin-bottom: 10px;
    }

    .wishlist-product-container {
      overflow-y: auto;
      max-height: 400px;
    }

    .wishlist-product-list img {
      width: 60px;
      height: 60px;
      border: 1px solid #ccc;
      border-radius: 4px;
      object-fit: cover;
    }

    .wishlist-product-list a {
      width: 80%;
      text-decoration: none;
      color: #404040;
      font-weight: 600;
    }

    /* Close Button */
    .wishlist-close-btn {
      position: absolute;
      top: 10px;
      right: 15px;
      background: none;
      border: none;
      font-size: 20px;
      cursor: pointer;
    }

    /* edit profile */
    .user_phone-input{
          width: 100%;
    border: 0.07px solid #E5E5E5;
    padding: 0.56vw 1.11vw;
    }
    .email-input{
      width: 100%;
    border: 0.07px solid #E5E5E5;
    padding: 0.56vw 1.11vw;
    }

    #sort, #sort option{
      color: #737373;
    }


     @media only screen and (max-width:767px) {
       .wishlist-product-list a {
      width: 70%;
       }
       .selected-popup {
    top: 53.7vw;
    left: 50vw;
    transform: translateX(-50%);
    width: 90%;
  }
  .option-desc{font-size: 2.5vw;}
  .option-row span {font-size: 3vw;}
  .option-row b { font-size: 3vw;}
  .popup-header h3 {font-size: 3vw;}
    }